--- title: Scroll Axis Lock · August 10, 2026 | daily.dev description: Chrome 153 introduces a CSS property to disable scroll axis locking, enabling natural diagonal scrolling in web scroll areas. Previously, scroll snap behavior... canonical: https://daily.dev/posts/scroll-axis-lock-august-10-2026-cwfnxgqxn twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Scroll Axis Lock · August 10, 2026 | daily.dev og:description: Chrome 153 introduces a CSS property to disable scroll axis locking, enabling natural diagonal scrolling in web scroll areas. Previously, scroll snap behavior... og:url: https://daily.dev/posts/scroll-axis-lock-august-10-2026-cwfnxgqxn og:image: https://api.daily.dev/og/posts/CWFNxgQXN.png og:image:alt: Scroll Axis Lock · August 10, 2026 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Scroll Axis Lock · August 10, 2026 **[Adam Argyle](https://daily.dev/sources/nerdydev)** · 1 min read · 9 upvotes · 0 comments ## Summary Chrome 153 introduces a CSS property to disable scroll axis locking, enabling natural diagonal scrolling in web scroll areas. Previously, scroll snap behavior would hijack diagonal gestures and lock them to a single axis. The new feature opens up use cases like swipe-to-dismiss, map navigation, data grids, image zoom, and 360 panorama panning. The author notes some performance regressions in early demos and considers the diagonal scrolling not yet perfectly smooth, but views the addition as exciting and meaningful overall. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I enable diagonal scrolling in a CSS scroll snap container in Chrome 153? Chrome 153 ships a CSS property that removes the browser's default scroll axis lock, letting users scroll diagonally instead of being hijacked into a single x or y direction. This is useful for swipe-to-dismiss interactions, flings, map or infinite canvas navigation, datagrids, image zoom, 360 pano viewing, 3D model panning, and data visualization exploration, while still keeping scroll snap's natural inertia and easing. _Developers building diagonal scroll experiences can follow Chrome CSS updates like this one on daily.dev._ ### Are there known issues with the new CSS scroll axis lock removal in Chrome 153? Yes, testing the property against early demos revealed some performance regressions, and a bug was filed against the implementation. Diagonal scrolling still feels somewhat clumsy and not as smooth as fully expected, so the feature is not considered perfectly polished yet despite being functional. _Track browser feature rollouts like this scroll axis change on daily.dev before shipping to production._ ## Similar posts on daily.dev - [Unlock Immediate Diagonal Scrolling with CSS scroll-axis-lock: none](https://daily.dev/posts/unlock-immediate-diagonal-scrolling-with-css-scroll-axis-lock-none-yjtrmj2rr) · Bram.us · 1 upvotes · 0 comments - [Issue \#754: Five CSS properties for eye-catching text designs — Frontend Focus](https://daily.dev/posts/issue-754-five-css-properties-for-eye-catching-text-designs-frontend-focus-vlexqgptd) · Frontend Focus · 6 upvotes · 0 comments - [Scroll-Driven CSS in 2026: Building Carousels Without JavaScript](https://daily.dev/posts/scroll-driven-css-in-2026-building-carousels-without-javascript-o8z3jgfok) · SitePoint · 19 upvotes · 1 comments - [Chrome for Developers](https://daily.dev/posts/chrome-for-developers-8ir9x3upz) · Chrome Developers · 109 upvotes · 6 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#google-chrome](https://daily.dev/tags/google-chrome) [View this post on daily.dev](https://daily.dev/posts/scroll-axis-lock-august-10-2026-cwfnxgqxn) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Scroll Axis Lock · August 10, 2026","url":"https://daily.dev/posts/scroll-axis-lock-august-10-2026-cwfnxgqxn","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/scroll-axis-lock-august-10-2026-cwfnxgqxn"},"datePublished":"2026-08-10T16:31:49.404Z","dateModified":"2026-09-13T21:33:40.599Z","description":"Chrome 153 introduces a CSS property to disable scroll axis locking, enabling natural diagonal scrolling in web scroll areas. Previously, scroll snap behavior...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f8f692a1e6bf49c40dfab8e1d536aa8b?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f8f692a1e6bf49c40dfab8e1d536aa8b?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Adam Argyle","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Adam Argyle","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/80a9109f59234cfbaf0480333e876653","url":"https://daily.dev/sources/nerdydev"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/scroll-axis-lock-august-10-2026-cwfnxgqxn","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":9},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,css,google-chrome","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Adam Argyle","item":"https://daily.dev/sources/nerdydev"},{"@type":"ListItem","position":3,"name":"Scroll Axis Lock · August 10, 2026"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/scroll-axis-lock-august-10-2026-cwfnxgqxn#faq","mainEntity":[{"@type":"Question","name":"How do I enable diagonal scrolling in a CSS scroll snap container in Chrome 153?","acceptedAnswer":{"@type":"Answer","text":"Chrome 153 ships a CSS property that removes the browser's default scroll axis lock, letting users scroll diagonally instead of being hijacked into a single x or y direction. This is useful for swipe-to-dismiss interactions, flings, map or infinite canvas navigation, datagrids, image zoom, 360 pano viewing, 3D model panning, and data visualization exploration, while still keeping scroll snap's natural inertia and easing. Developers building diagonal scroll experiences can follow Chrome CSS updates like this one on daily.dev."}},{"@type":"Question","name":"Are there known issues with the new CSS scroll axis lock removal in Chrome 153?","acceptedAnswer":{"@type":"Answer","text":"Yes, testing the property against early demos revealed some performance regressions, and a bug was filed against the implementation. Diagonal scrolling still feels somewhat clumsy and not as smooth as fully expected, so the feature is not considered perfectly polished yet despite being functional. Track browser feature rollouts like this scroll axis change on daily.dev before shipping to production."}}]} ```