title: Force Angular flex-layout check the layout size
body: <p>I am using flex-layout with Angular8 and using <a href="https://golden-layout.com/" rel="nofollow noreferrer">golden-layout</a> to arrange my components in dockable windows, my problem is the layout in my components is changed according to the flex-layout only when I resize the browser window, and when I resize the component window nothing changed, something like the flex-layout is not notified about the resize as I think. </p>
  
  <pre><code>&lt;div fxLayout="row wrap" fxLayout.xs="column"&gt;
    &lt;label fxFlex="50"&gt;Name: &lt;/label&gt;
    &lt;mat-form-field fxFlex="50"&gt;
      &lt;input matInput [ngModel]="_name" placeholder="Feature name" name="tst"&gt;
    &lt;/mat-form-field&gt;
  
    &lt;label fxFlex="50"&gt;Description: &lt;/label&gt;
    &lt;mat-form-field fxFlex="50"&gt;
      &lt;input matInput [ngModel]="_desc" placeholder="Feature Description" name="tstD"&gt;
    &lt;/mat-form-field&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My layout should change to <code>column</code> when the component's window width is below 599px, but this happens only when I resize the browser window.</p>
  
  <p>Is my thoughts are right ? and if yes, how can I notify the flex-layout about the component's window size change?</p>