MDN-Browser-Compatibility-Report-2020

Findings This section brings together findings from the ​ survey​ and ​ interviews​ with some additional context to try to paint as detailed and nuanced a picture as possible of the top pain points relating to browser compatibility. It is organized into ​ features​ , browsers​ and ​ other themes​ . Features Through the survey and interviews we heard about many issues, ranging from very specific bugs to a general sense that a feature isn’t ready to use. In this section we cover roughly the top ​ four feature areas that cause issues​ . The first two of these were the focus of our interviews. CSS Flexbox Flexbox was the most selected option (39%) for ​ layout/styling features causing issues​ . It was also the specific feature most often mentioned (39 times, 2.7%) in free-form survey responses. That compatibility issues with Flexbox are top-of-mind is consistent with the high awareness and usage of the feature. In the ​ State of CSS 2019​ survey almost everyone knew about Flexbox and 95% used it. Usage in the wild is around 70% of page views, per ​ chromestatus.com​ . We heard about issues both with old browsers like Internet Explorer, but also difficulties achieving a consistent layout in recent browsers. Notable issues are support for gap​ (gutters) and bugs around the sizing of “replaced content”, like images and fieldset. Several of these are in the process of being fixed at the time of writing.

Web developer quotes A selection of quotes from the survey responses:

Flexbox bugs in all major browsers except for the old EdgeHTML version of Edge

Made with FlippingBook - professional solution for displaying marketing and sales documents online