In appendix D we looked at the survey responses that did not indicate any issue with Internet Explorer, and Flexbox was no longer the most selected option for layout/styling features causing issues . However, it does still appear to be a significant pain point.
See also
● Flexbox on MDN ● Flexbox and gap on caniuse.com ● Flexbox test results on wpt.fyi ● Flexbugs list of flexbox issues and cross-browser workarounds Chrome bugs These are the specific Chromium bugs we were able to identify: ● [css-flex] Add gutters support in Flexbox ● [css-flex][css-grid] Flexbox/grid layout model does not work on fieldset elements ● [img flex-basis] Flexbox doesn't scale down images correctly Firefox bugs This is the specific Firefox bug we were able to identify: ● [css-flexbox] A non-default "flex-basis" incorrectly prevents min-size:auto from being clamped by specified size ● [css-flexbox] Implement row-gap and column-gap for flex layout ● [css-flexbox] min-height: auto not applied to nested flexboxes ● [css-flexbox] min-height:auto not updated after an image loads when the image has a specified height and width CSS Grid Grid was the 2nd most selected option (35%) for layout/styling features causing issues . It was also frequently mentioned (23 times, 1.6%) in free-form survey responses. Safari bugs These are a few specific WebKit bugs we were able to identify:
Made with FlippingBook - professional solution for displaying marketing and sales documents online