max-content width of wrapped column flexbox incorrect [specifically for nested flexbox]
Project Member Reported by email@example.com, Feb 21 2016
Version: 50.0.2655.0 OS: Windows 10 Test case at https://jsbin.com/pumuwazise/edit?html,output According to Tab, my expectations of the gray box appearing after the third column are correct per spec. Apparently Safari does this as I expected: https://twitter.com/_sjama_/status/701204468004737025 https://twitter.com/apaprocki/status/701202029994184708 Edge and Firefox behave as Chrome does and show the gray box after the first column.
Feb 22 2016,
Hmm this is an interesting variant of bug 507397 (it doesn't require a nested flexbox) It's very strange that Safari handles this correctly though. It seems like their corresponding code, http://trac.webkit.org/browser/trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp#L667, also uses maxPreferredLogicalWidth and should have the same issue Oh, their preferred width calculation is messed up: http://trac.webkit.org/browser/trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp#L667 119 // For multiline, the max preferred width is if you never break between items. 120 maxLogicalWidth += maxPreferredLogicalWidth; That code calculates if you *always* break between items!! We fixed that in bug 247963 , but we can't handle this case. We could handle this better in the specific case of a nested flexbox, but in general this is hard.
Feb 23 2016,
Jul 7 2016,
Aug 1 2017,
All browsers seem to agree on current behavior. Closing.
Sign in to add a comment