{ "caniuse": [ "css-overscroll-behavior" ], "compat_features": [ "css.properties.overscroll-behavior", "css.properties.overscroll-behavior-block", "css.properties.overscroll-behavior-block.auto", "css.properties.overscroll-behavior-block.contain", "css.properties.overscroll-behavior-block.none", "css.properties.overscroll-behavior-inline", "css.properties.overscroll-behavior-inline.auto", "css.properties.overscroll-behavior-inline.contain", "css.properties.overscroll-behavior-inline.none", "css.properties.overscroll-behavior-x", "css.properties.overscroll-behavior-x.auto", "css.properties.overscroll-behavior-x.contain", "css.properties.overscroll-behavior-x.none", "css.properties.overscroll-behavior-y", "css.properties.overscroll-behavior-y.auto", "css.properties.overscroll-behavior-y.contain", "css.properties.overscroll-behavior-y.none", "css.properties.overscroll-behavior.auto", "css.properties.overscroll-behavior.contain", "css.properties.overscroll-behavior.none" ], "description": "The overscroll-behavior CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.", "description_html": "The overscroll-behavior CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.", "group": [ "scrolling" ], "kind": "feature", "name": "overscroll-behavior", "spec": [ "https://drafts.csswg.org/css-overscroll-1/" ], "status": { "baseline": false, "by_compat_key": { "css.properties.overscroll-behavior": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "18", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-block": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-block.auto": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-block.contain": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-block.none": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-inline": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-inline.auto": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-inline.contain": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-inline.none": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-x": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "18", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-x.auto": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "18", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-x.contain": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "18", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-x.none": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "79", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-y": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "18", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-y.auto": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "18", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-y.contain": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "18", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior-y.none": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "79", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior.auto": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "79", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior.contain": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "79", "firefox": "150", "firefox_android": "150" } }, "css.properties.overscroll-behavior.none": { "baseline": false, "support": { "chrome": "144", "chrome_android": "144", "edge": "79", "firefox": "150", "firefox_android": "150" } } }, "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "150", "firefox_android": "150" } }, "id": "overscroll-behavior", "groups": [ "scrolling" ], "specs": [ { "url": "https://drafts.csswg.org/css-overscroll-1/", "seriesComposition": "full", "shortname": "css-overscroll-1", "series": { "shortname": "css-overscroll", "currentSpecification": "css-overscroll-1", "title": "CSS Overscroll Behavior", "shortTitle": "CSS Overscroll Behavior", "releaseUrl": "https://www.w3.org/TR/css-overscroll/", "nightlyUrl": "https://drafts.csswg.org/css-overscroll/" }, "seriesVersion": "1", "organization": "W3C", "groups": [ { "name": "Cascading Style Sheets (CSS) Working Group", "url": "https://www.w3.org/groups/wg/css/" } ], "release": { "url": "https://www.w3.org/TR/css-overscroll-1/", "status": "First Public Working Draft", "filename": "Overview.html" }, "nightly": { "url": "https://drafts.csswg.org/css-overscroll-1/", "status": "Editor's Draft", "alternateUrls": [ "https://w3c.github.io/csswg-drafts/css-overscroll-1/", "https://w3c.github.io/csswg-drafts/css-overscroll/" ], "repository": "https://github.com/w3c/csswg-drafts", "sourcePath": "css-overscroll-1/Overview.bs", "filename": "index.html" }, "title": "CSS Overscroll Behavior Module Level 1", "source": "w3c", "shortTitle": "CSS Overscroll Behavior 1", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "css/css-overscroll-behavior" ] }, "fragment": null } ], "mdnUrls": [ { "slug": "Web/CSS/Reference/Properties/overscroll-behavior", "title": "`overscroll-behavior` CSS property", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior" } ], "standardPositions": [], "hasNegativeStandardPosition": false, "stateOfSurveys": [ { "name": "State of CSS 2026", "url": "https://2026.stateofcss.com/en-US/interactions/#interactions_pain_points_features", "question": "interactions", "subQuestion": "interactions_pain_points_features", "path": "dataAPI.surveys.state_of_css.css2026.interactions.interactions_pain_points_features.freeform.allEditions.1.buckets.17.entity" }, { "name": "State of CSS 2026", "url": "https://2026.stateofcss.com/en-US/_all_features/#all_features", "question": "_all_features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_css.css2026._all_features.all_features.25.entity" }, { "name": "State of CSS 2025", "url": "https://2025.stateofcss.com/en-US/features/#reading_list", "question": "reading_list", "subQuestion": "reading_list", "path": "dataAPI.surveys.state_of_css.css2025.reading_list.reading_list.combined.allEditions.0.buckets.15.entity" }, { "name": "State of CSS 2025", "url": "https://2025.stateofcss.com/en-US/features/#all_features", "question": "features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_css.css2025.features.all_features.26.entity" }, { "name": "State of CSS 2024", "url": "https://2024.stateofcss.com/en-US/features/#reading_list", "question": "reading_list", "subQuestion": "reading_list", "path": "dataAPI.surveys.state_of_css.css2024.reading_list.reading_list.responses.currentEdition.buckets.15.entity" }, { "name": "State of CSS 2024", "url": "https://2024.stateofcss.com/en-US/features/#all_features", "question": "features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_css.css2024.features.all_features.23.entity" } ], "chromeUseCounters": {}, "interop": [ { "year": 2022, "label": "interop-2022-scrolling", "url": "https://wpt.fyi/interop-2022?feature=interop-2022-scrolling" }, { "year": 2023, "label": "interop-2022-scrolling", "url": "https://wpt.fyi/interop-2023?feature=interop-2022-scrolling" } ], "wpt": { "url": "https://wpt.fyi/results?q=feature:overscroll-behavior" }, "developerSignals": { "url": "https://github.com/web-platform-dx/developer-signals/issues/567", "votes": 8 }, "bugs": { "chrome": [ "https://issues.chromium.org/issues/499018879", "https://issues.chromium.org/issues/41378182", "https://crbug.com/41453796", "https://bugs.chromium.org/p/chromium/issues/detail?id=833953", "https://crbug.com/672921" ], "safari": [ "https://webkit.org/b/243452" ], "safari_ios": [ "https://webkit.org/b/243452" ], "webview_ios": [ "https://webkit.org/b/243452" ] }, "useCases": null, "baselineLowDateAsObject": null, "baselineHighDateAsObject": null, "blockedOn": "Safari", "blockedSince": "April 2026", "monthsBlocked": 5 }