Getting errors when using fxFlex in template

[ericcancil]

Using FxFlex as I do through the rest of the app, but getting errors when used inside the virtualscroll component

Below is the markup, and the error

Another strange issue I'm seeing is that no matter what height i set the scroll container to, it is expanded to the length of every item and it doesnt virtually scroll at all but displays them all.

Would appreciate your feedback, thanks

<od-virtualscroll [vsData]="data" [vsOptions]="options" fxFlex="100" fxFill class="vscrollcontainer" style="background-color: red">
      <ng-template let-item fxFlex="100">
        <mat-card>
          <app-date fxFill fxFlex="100" [date]="item" [showCancel]="false"></app-date>
        </mat-card>
      </ng-template>
    </od-virtualscroll>

ERROR TypeError: Cannot set property '-webkit-flex' of undefined
    at EmulatedEncapsulationDomRenderer2.DefaultDomRenderer2.setStyle (platform-browser.js:2924)
    at BaseAnimationRenderer.setStyle (animations.js:590)
    at DebugRenderer2.setStyle (core.js:15416)
    at eval (flex-layout.es5.js:208)
    at Array.forEach (<anonymous>)
    at applyMultiValueStyleToElement (flex-layout.es5.js:204)
    at applyStyleToElement (flex-layout.es5.js:179)
    at FlexDirective.BaseFxDirective._applyStyleToElement (flex-layout.es5.js:699)
    at FlexDirective._updateStyle (flex-layout.es5.js:2836)
    at FlexDirective._onLayoutChange (flex-layout.es5.js:2823)

[dinony]

Please check the discussion on angular/flex-layout + od-virtualscroll in this issue.

A coarse TLDR:

• Regarding angular/flex-layout: You have to use inline-flex for the cells. See issue.
• Regarding od-virtualscroll: Dynamic sizing is not supported yet, but it will come :)