flexbugs icon indicating copy to clipboard operation
flexbugs copied to clipboard

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

Open billyvg opened this issue 9 years ago • 3 comments

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.

billyvg avatar Dec 16 '16 18:12 billyvg

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.

philipwalton avatar Feb 09 '17 01:02 philipwalton

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

billyvg avatar Feb 21 '17 04:02 billyvg

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

aarr0n avatar Jun 08 '17 01:06 aarr0n