Flex-layout: "row wrap" issue in Safari 10.1, 9.1

[gbrath]

Bug:

flex-basis shouldn't be set as 100%, should follow the value in fxFlex or max-width.

What is the Expected behavior?

Wrap should work as earlier before "row wrap" incorporation instead of fxLayout="row" fxLayoutWrap?

What is Current behavior?

It wraps child irrespective of child width if "row wrap" is set on the parent in below mentioned platform?

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

"@angular/core": "5.2.8"
"@angular/flex-layout": "5.0.0-beta.13"
"@angular/material": "5.2.4"
OS:Mac OSx,
Browser: Safari9.1, 10.1

For reference:
flex-basis is being set 100% irrsepective of max-width on element which might be causing the issue.
eg.
fxFlex="55"
was tunring into
earlier:
flex: 1 1 55%;
box-sizing: border-box;
display: flex;
max-width: 55%;

now
flex: 1 1 100%;
box-sizing: border-box;
display: flex;
max-width: 55%;

[CaerusKaru]

Can you define “earlier”? Also, please provide a minimal reproduction that we can investigate and track.

[gbrath]

@CaerusKaru Kindly ignore "earlier" in title.
Here is a demo to reproduce:
https://angular-flex-layout-seed-qdgtas.stackblitz.io/

[CaerusKaru]

Please add a link to the source for the StackBlitz as well

[gbrath]

Here are the links(updated):
Demo: https://angular-flex-layout-seed-kcyrv1.stackblitz.io
Source for the StackBlitz : https://stackblitz.com/edit/angular-flex-layout-seed-kcyrv1

[CaerusKaru]

Ok confirmed, will add a patch to set the flex-basis appropriately.

[CaerusKaru]

Should be fixed by #662

[angular-automatic-lock-bot[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._}