fxLayout overrides and destroys existing display properties on screen width changes

[adamdport]

Bug Report

What is the expected behavior?

fxLayout shouldn't override display: none, or should provide a way to coexist with other directives/controllers

What is the current behavior?

fxLayout sets display:flex every time the screen changes past a breakpoint regardless of what was previously set.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-flex-layout-seed-cevrf5

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

Directives are often used to hide an element. The current implementation of fxLayout makes that impossible

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

"@angular/core": "7.2.5",
"@angular/flex-layout": "7.0.0-beta.23"
Chrome

Is there anything else we should know?

This wasn't an issue until recently

[CaerusKaru]

Can you try with beta 24?

[adamdport]

No difference on beta 24

[CaerusKaru]

Ok I see the issue now. That's very frustrating. We'll try and get a fix in as soon as we can.