Bug Report
What is the expected behavior?
The negative margin (gutter) should be applied on the fxLayoutGap="8px grid"
element at all times.
What is the current behavior?
When a page loads for the first time the negative margin on the host element isn't applied until the screen hits a media query break point.
What are the steps to reproduce?
I wasn't able to reproduce this on Stackblitz probably because of the way it renders the live view might be triggering the fix. Here's how it looks on my machine: 
The div surrounding the buttons has a gap grid, but if you inspect it, there's no style on it until you shrink the page enough to hit a break. after that it correctly has the 0 -8px -8px 0
margin on it even if you return to the original size.
Here's the code that causes this for me: (buttons have to go in another div or else it screws them up with the gap margins, but it works fine on a tags with the mat-button style ¯\_(ツ)_/¯ )
<div fxlayoutgap="8px grid" fxlayout="row wrap">
<div>
<button mat-raised-button class="btn-space" color="primary">New BHA</button>
</div>
<div>
<button mat-raised-button class="btn-space" color="primary">Copy This BHA</button>
</div>
<div>
<button mat-raised-button class="btn-space" color="primary">Delete BHA</button>
</div>
<a color="primary">
<mat-icon>insert_drive_file</mat-icon>
BHA Report
</a>
<a color="primary">
<mat-icon>insert_drive_file</mat-icon>
Strap Sheets
</a>
</div>
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular CLI: 7.2.1
Node: 11.2.0
OS: win32 x64
Angular: 7.2.0
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router
Package Version
-----------------------------------------------------------
-devkit/architect 0.12.1
-devkit/build-angular 0.12.1
-devkit/build-optimizer 0.12.1
-devkit/build-webpack 0.12.1
-devkit/core 7.2.1
-devkit/schematics 7.2.1
/cdk 7.2.1
/cli 7.2.1
/flex-layout 7.0.0-beta.23
/material 7.2.1
/webpack 7.2.1
/angular 7.2.1
/update 0.12.1
rxjs 6.3.3
typescript 3.2.2
webpack 4.23.1
Is there anything else we should know?
该提问来源于开源项目:angular/flex-layout