using fxLayoutGap does not consider children fxFlex?

[mackelito]

Might be me using this in the wrong way but here we go...
using fxLayoutGap together with fxFlex="33" results a broken layout

https://plnkr.co/edit/uGK8xUVyHbjGvjEqbDci?p=preview

I guess this can be solved by setting it all in % like fxLayoutGap="3%" fxFlex="30%"... but what if I want flex in 33% and then a 8px gap?

[ThomasBurleson]

fxLayoutGap adds a margin-right for layout="row" and margin-bottom for layout="column" to all content children.

All values default to percentages unless a trailing px is specified; e.g.

• fxFlex="33px"
• fxFlex="47" === 47%

What layout are you trying to achieve (picture plz)?

[mackelito]

The "issue" is when using fxLayoutWrap.
In the image you see that we have 2 items per rows.. but it should be 3 per row when using 33% right?

[mackelito]

I just saw this discussion #165 and think it might be the same issue I´m having..

[fxck]

@mackelito #134 would this solve your problem?

[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.}