Join GitHub today
The overflow shorthand CSS property sets what to do when an element's content is too big to fit in its block formatting context.
GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.
Sign upHave a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Comments
commented Aug 19, 2016
Have not found any known issue for that. Following example works fine in chrome, firefox and edge, but in IE 11 div with class 'second' overflows parent. html: less: See screenshot below: |
commented Aug 19, 2016
This is an issue I've encountered a lot with nested flexbox containers in IE10-11, unfortunately I haven't been able to generalize it enough to include in the main list. The problem is generally text not wrapping when using In your case, a one-off solution is to not use |
commented Aug 19, 2016 • edited
edited
Thank you, but if i want first column to wrap text as well, then it will always take 50% of container. One more possible solution is to set min-width: 0% on element with class 'second', but then browser can shrink elements too much. So i think there is no work around without side effects for that issue. |
commented Nov 20, 2017
This has been driving me crazy. |
commented Dec 5, 2017
I also had this issue. To solve it I gave the container a fixed (no %) |
commented Dec 6, 2017
@sotocodes which container are you referring to? |
commented Dec 6, 2017
...to `.first´ (the container that is overflowed by its content) @philipwalton |
commented Dec 6, 2017
@sotocodes Can you make a demo showing that? It doesn't work for me. And btw, in this example both |
commented Dec 7, 2017 • edited
edited
Just add a fixed width to
|
referenced this issue Dec 28, 2017
ClosedIE11 W7 doesn't wrap large .row > .col elements #25033
commented Jul 4, 2018 • edited
edited
Using stretch in IE instead of flex-start solved the issue for me. |
commented Aug 5, 2018 • edited
edited
I maybe have a case that is related to this bug. The sample is somewhat more complicated with more nested flexboxes. https://jsbin.com/deticuzuvi/1/edit?html,css,output As you can see content of div.docs will overflow even if wrap is specified when screen is small enough.
Don't know if this fix is general enough to work in other cases as well. Added jsbin with fixed result here: https://jsbin.com/foromukuna/1/edit?html,css,output |
referenced this issue Aug 6, 2018
Openie nested flexbox with wrap overflow bug #258
commented Aug 16, 2018
Just had this issue. An element inside it's flex container was breaking out of the container and not wrapping. I found that removing |
referenced this issue Oct 30, 2018
MergedFix IE11 issue with nested flexbox on scrollable dialog #5489
commented Dec 1, 2018
Thanks, this works for me |
referenced this issue Jan 12, 2019
ClosedFix IE11 layout problem caused by `flex-basis: auto` #2763
commented Apr 26, 2019
Hi, check this. |