flexbugs icon indicating copy to clipboard operation
flexbugs copied to clipboard

Published 20 hours ago • verified publisher icon philipwalton

IE11 doesn't apply min-width when using flex sizing

Open mpiasta-ca opened this issue 9 years ago • 2 comments
trafficstars

Full details: http://stackoverflow.com/questions/36483458/ie-11-ignores-min-width-when-using-flex-width

Demo: https://plnkr.co/edit/dIPh53W4DBkmTB51DCHp?p=preview

Works fine in Chrome, Safari, Firefox, and IE 10.

mpiasta-ca avatar Apr 07 '16 22:04 mpiasta-ca

This appears to just be a bug in IE11 when combining min/max width on the same element. Did you try using two elements and putting min on one and max on the other?

philipwalton avatar Apr 26 '16 20:04 philipwalton

Hmm, interesting idea. I don't remember what I tried. I think I tried with additional elements and did not get the desired behavior. In the end had to add a media-query with hard-coded dimensions specifically to solve this problem, because I have a deadline and couldn't waste more time on it lol

But even removing min-width and using flex: 1 0 55% (or flex: 1 0 864px) didn't work.

Hackish solution used: http://stackoverflow.com/a/36553699/4451050

mpiasta-ca avatar Apr 26 '16 21:04 mpiasta-ca