fix: Page printing in templates

[MarvinKlein1508]

🐛 Bug Report

The template does not support printing the web page. It will cut of at the first scroll location. For example:
https://www.fluentui-blazor.net/Forms

Printing the page will result in:

🤔 Expected Behavior

I would expect the printing preview to display all content of the page.

😯 Current Behavior

Only the content from the page is shown until the first scrolling is happening within the content container.

🌍 Your Environment

I've tested it in both Firefox and Edge on latest version.

• .NET and Fluent UI Blazor library Version .NET 9.0.2 and Fluent UI 4.11.4

[vnbaaij]

You mean the template or the demo site? In any case, we have not done any optimization for printing in either one.

To fix this a @media print section will need to be added to the CSS to define what will be printen (and how). To be frank, this is a very low priority item for us and I don't think we will do anything about this in the near future.

If someone from the community wants to step in for this, then you are by all means welcome. I'll label the issue as such.