layout not working in Safari v8

[karlhaas]

According to http://caniuse.com/#feat=flexbox there are many browser versions which just support flexbox with a prefix. Currently we can see that the layout is not working in Safari 8. Is this a bug or does the project not support prefixes? 97% of all browsers would be ok for our project, 86% not really.

[ThomasBurleson]

Evergreen browsers do not include S8. See

http://caniuse.com/#feat=flexbox

[karlhaas]

@ThomasBurleson why does the project not support browsers which need a webkit prefix?

[karlhaas]

Maybe just https://github.com/angular/flex-layout/blob/master/src/lib/utils/auto-prefixer.ts#L18 causes the issue.
I will provide a PR (master...karlhaas:fix-display-prefixes) if it works on Safari 8.

[ThomasBurleson]

Thx @karlhaas. Is this legal:

switch (key) {
      case 'display':
        if (value === 'flex') {
          target['display'] = [
            '-webkit-box',
            '-moz-box',
            '-ms-flexbox',
            '-webkit-flex',
            'flex'
          ];
        } else {
          target['display'] = value;
        }
        break;

[karlhaas]

@ThomasBurleson I found this solution here

[karlhaas]

@ThomasBurleson it works in iOS8 now. PR: #276

[karlhaas]

@ThomasBurleson see angular/components#4385 (comment)

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