layout="column" : Columns overlaps each other on safari

[GautierT]

On Safari 8.0.6 very weird comportement of classic layout="row" layout-sm="column"

http://codepen.io/GautierThiriez/pen/BNYzed?editors=101

[kruny1001]

<div ng-controller="AppCtrl" ng-app="MyApp">

<div layout="row" layout-sm="column">
  <div flex>
    I flex to one-third of the space on mobile, and two-thirds on other devices.
  </div>
  <div  flex-gt-sm="66">
    I flex to two-thirds of the space on mobile, and one-third on other devices.
  </div>
</div>

Try this way

[GautierT]

Okay,
Now i think safari failed to calculate the height of the first

. Safari set the height to 250px.

Left : Chrome, Right : Safari.

[chaitu87]

Faced the same issue.. Fixed it with

[layout-sm=column] { display: block; }