fxflex bug with Angular element on mobile devices

[parodenas]

Bug Report

I have a button container that when "gt-sm" breakpoint is activated the layout is "row" and when is not activated the layout is "column", everything works as expected when running locally (chrome window resized, responsive simulator of chrome and also the device simulator of chrome), but when the Angular element is packaged and using in an html the breakpoints are not being activated on any mobile devices, and neither on chrome device simulator.
Everything else works as expected also if the chrome windows is resized to device sizes. Attaching images to show.

What is the expected behavior?

fxflex responsive breakpoints activation on all type of devices.

What is the current behavior?

fxflex responsive breakpoints are not working on mobile devices when Angular element is packaged.

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

Chrome: 92.0.4515.159 (Official Build) (x86_64)
Flex layout: 7.0.0-beta.19
Angular CLI: 7.3.10

Normal behavior / expected behavior:

Unexpected behavior on chrome device simulator:

[CaerusKaru]

Can you please try the latest version of Angular Layout? We do not support anything other than the latest version. Also please provide a StackBlitz demo if you do end up upgrading, that way we can take a look at a minimal reproduction.