Blazor Server Application window.print page orientation problem

Question

Hello,

I am working on a Blazor Server Application, depending on a business rule I need to print one dialog/modal landscape orientation. When I click on print in the Firefox page, the page layout option appears on the print preview page.

But interestingly when I try to print Blazor dialog/modal page, the layout option does not appear.

Here is CSS:

@media print {  
    body * {  
        visibility: hidden;  
    }  
    #printarea, #printarea * {  
        visibility: visible;  
    }  
    #printarea {  
        position: absolute;  
        left: 0;  
        top: 0;          
    }  

}  

Any ideas on how to fix this problem?

Thank you.