Problems when printing with angular flex-layout

[anubedam]

Bug Report

What is the expected behavior?

When we print with window.print, we expect the styles that are being applied for the page designed with angular-flex layout to be preserved. However, these styles are out of whack in both print and preview.

We are using, for compatibilities, version 12.0.0-beta.34 of angular flex-layout. We would need this incident to be resolved in order to include a new functionality.

What is the current behavior?

Both the preview and the document are unbalanced when printing with window.print

What are the steps to reproduce?

Providing a StackBlitz (or similar) is the best way to get the team to see your issue.

• StackBlitz starter using latest npm nightly release:

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

[EliezerB123]

This was fixed in Angular 13... but not back-ported to Angular 12. There's a workaround, here: https://github.com/angular/flex-layout/issues/1201#issuecomment-608468692