-webkit-box over -webkit-flex

Hi,

We’re running version 5.2.0 and trying with “last 50 versions” at the moment and start with this css

.uk-grid {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

we’re ending up with

.uk-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

It is putting -webkit-box; after -webkit-flex which means mobile-safari and desktop safari seem to inherit the -webkit-box instead of -webkit-flex and create layout issues as its not handling -webkit-box;

I understand that Safari should use the the correct property definition - however its not - and a fix we’ve found is simply swap the ordering in the output css - but obviously we cant do this every time we generate the CSS.

Could you please advise how we can potentially resolve the ordering issue?

Thanks

[ai]

@ericodes clean prefixes by browsers: [] and then add them again.

[ericodes]

ah good to know, thanks for the quick comment!