flexbugs
flexbugs copied to clipboard
Safari: max-height/width on a flexbox element based on flex direction
Here is an example: https://codepen.io/anon/pen/WoLOBW?editors=1100
It seems height/width change based on flex-direction. On .dialog if we change the flex-direction to be row, max-height applies properly. You could also change max-height to max-width if flex-direction is column.
I'm not sure what I'm supposed to be looking at. Safari and Chrome seem to render the same to me upon initial inspection.
I get this on Safari 10.0.3:

Seems fixed in the latest Technical Preview for Safari (32)