MDN-Browser-Compatibility-Report-2020

Chrome and Firefox. - extensions aren't available on Android. - The switch to Firefox Quantum caused a substantial number of users to freeze on Firefox 52 because their extensions broke in newer versions. - Firefox and Safari lagging behind Chrome. - The completely different handling of :focus by Firefox. Where (almost) every browsers gives focus to an anchor, for Firefox you have to use :target. - Firefox doesn't handle column layout properly, and will only draw it inside a flex container on page refresh. - Flexbox bugs in all major browsers except for the old EdgeHTML version of Edge - I don't really like that chrome and firefox handles images inside flexbox differently - flex-gap, make it happen Chrome. - Fonts and some CSS elements. They display differently on different browsers. - Fonts and some behavior is browser restricted. This is a major pain point. - Inconsistencies in rendering. For example, font baseline alignment, non-support of newer features (e.g. backdrop-filter) in some browsers. - Form components do not look and work the same. Styling form components does not work the same. Especially the more complex components like range. - most interactive elements (i.e. date inputs, select dropdowns) get styled by each browser differently and neither of them give you much freedom in styling. - The native form controls look different across browsers. I would prefer if they had a more uniform design.

Firefox

Firefox

46

Layout & styling

Flexbox

39

Other

Fonts

11

Layout & styling

Forms

29

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