What Chromium’s browser compatibility means for scrolling

In an effort to tackle browser compatibility issues, particularly with Internet Explorer 11, Google Chrome is focusing on improving support for tools like Flexbox and CSS Grid, and introducing enhancements in Chrome 84 with the LayoutNG engine. Flexbox offers robust layout structuring, and the new improvements are set to address compatibility issues. CSS Grid, already supported by Chromium browsers, is also undergoing development to include Subgrid support. Scrolling-related challenges, highlighted in a 2019 MDN survey, such as viewport size issues on mobile devices and difficulties with native scroll, are being addressed with CSS Scroll Snapping, which provides a way to lock the viewport after scrolling. The article demonstrates how to implement CSS Scroll Snapping along with the Body Scroll Lock NPM package to control scrolling interactions more effectively. These advancements are part of ongoing efforts by the Chromium team to enhance browser compatibility and improve the overall web development experience.