search

philipwalton / flexbugs

A community-curated list of flexbox issues and cross-browser workarounds for them.
MIT License
13.63k stars 495 forks source link

Safari: max-height/width on a flexbox element based on flex direction #188

Open billyvg opened 7 years ago

billyvg commented 7 years ago

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.

philipwalton commented 7 years ago

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.

billyvg commented 7 years ago

I get this on Safari 10.0.3: screen shot 2017-02-20 at 8 39 59 pm

aarr0n commented 7 years ago

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