Google and Microsoft have announced that they will be joining other companies to improve compatibility across different web browsers. Titled Compat2021, movement will try to improve five major areas that often draw complaints from developers.
This latest announce comes after a period of research including surveys conducted by Mozilla Developer Network, State of CSS and State of JS surveys as well as web platform tests. For this year, the focus will be on five areas. These include: CSS Flexbox, CSS Grid, CSS sticky positioning, the CSS aspect-ratio property, and CSS Transforms. While CSS Flexbox is widely used feature, sometimes it can cause images to be stretched incorrectly in different browsers.
Apart from Flexbox, another widely-used feature, CSS Transforms that appears in more than 80% of the webpages on chrome has a 55% rate of passed tests. As a result, the standard might need more work to get it working across all browsers.
While the other features are found in lower number of pages, they are still widely used according to the state of CSS report. In order to improve browser compatibility moving forward, these features will also need to be properly implemented to increase the compatibility.
In case you want to keep an eye on the progress on the feature compatibility report, you can do so by going to the official page.
At the moment, Edge and Chrome’s Dev versions score highest with Firefox behind by a small margin. Safari has the lowest score among popular web browsers.