fxLayoutGap doesnt work properly with fxFlexOrder

[naveedahmed1]

Bug, feature request, or proposal:

fxLayoutGap doesn't seem to work properly with fxFlexOrder. Try the below code:

<div fxLayout="row wrap" fxLayoutGap="15px">
<div fxFlex="310px" fxFlex.xs="100" fxFlexOrder.gt-xs="2">
DIV A
</div>
<div fxFlex="calc(100%-325px)" fxFlex.xs="100" fxFlexOrder.gt-xs="1">
DIV B
</div>
</div>

In case of gt-xs DIV A is shown on right and has margin-right set to 15px, whereas DIV B is shown on left without margin right.

What is the expected behavior?

In case of gt-xs DIV A should be shown on right and should have margin-right set to 0px, whereas DIV B should be shown on left with margin right set to 15px.

[CaerusKaru]

Please provide a StackBlitz demo so we can investigate.

[naveedahmed1]

Here you go https://stackblitz.com/edit/angular-material-flex-layout-seed-j1npac
preview https://angular-material-flex-layout-seed-j1npac.stackblitz.io/

[CaerusKaru]

This has a straightforward fix, and I can get this in on Tuesday after the release (or rather, after #567 has been merged). Thanks for finding this!

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}