Apologies my email client seems to have messed with the text colour. Lets try that again.
*Contact emails *[email protected] Explainerhttps://github.com/felipeerias/css-scrollbars-explainer Specificationhttps://www.w3.org/TR/css-scrollbars-1 Summary The CSS Scrollbars spec allows authors to style scrollbars by specifying their colors and thickness. This spec adds the following two properties. The scrollbar-color property provides the capability of changing the color scheme of scrollbars so they fit better into the particular style of a web page. The scrollbar-width property allows the use of narrower scrollbars that may be more suitable for some use cases, or even to hide the scrollbars completely without affecting scrollability. Blink componentBlink>Layout>Scrollbars <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ELayout%3EScrollbars> Search tagscss <https://chromestatus.com/features#tags:css>, scrollbars <https://chromestatus.com/features#tags:scrollbars>, scrollbar-color <https://chromestatus.com/features#tags:scrollbar-color>, scrollbar-width <https://chromestatus.com/features#tags:scrollbar-width> TAG reviewhttps://github.com/w3ctag/design-reviews/issues/563 TAG review statusIssues addressed Risks Interoperability and Compatibility These are already supported inside of Firefox so shouldn't present much of a risk. It's possible that if Safari doesn't support them this could lead to some level of fragmentation between the legacy pseudo styles and the standard properties. *Gecko*: Shipped/Shipping ( https://bugzilla.mozilla.org/show_bug.cgi?id=1460109) Firefox fully supports both properties. *WebKit*: Positive (https://github.com/WebKit/standards-positions/issues/133) A supportive position has been given for both scrollbar-width and scrollbar-color. See also https://github.com/WebKit/standards-positions/issues/134 *Web developers*: Positive (https://insights.developer.mozilla.org) "Inability to style browser scrollbars" included in the list of Top Pain Point Categories of the MDN Browser Compatibility Report. *Other signals*: Ergonomics The value of scrollbar-width influences other properties such as scrollbar-gutter which take the scrollbar's thickness as reference. There might be conflicts between these properties and Chromium's own ::-webkit-scrollbar pseudo-elements that serve a similar purpose. This is partially addressed by these standard properties taking precedence inside of Chromium and WebKit. Activation These properties are easy for developers to take advantage of many will already be using them for Firefox support. WebView application risks Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications? This should have no impact on WebView applications. It will simply allow customising the colours of scrollbars if they apply the necessary styles. Debuggability Both properties will show up in dev tools with auto complete support. Scrollbar color will also have the color swatch show up for both values. Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?Yes Is this feature fully tested by web-platform-tests <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> ?No The existing Web Platform Tests are not exhaustive. Internal tests are implemented where necessary. Results: https://wpt.fyi/results/css/css-scrollbars Flag name on chrome://flags#enable-experimental-web-platform-features Finch feature nameScrollbarColor and ScrollbarWidth Requires code in //chrome?False Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=891944 Availability expectationExpect scrollbar-width to be available across all browsers within a year. scrollbar-color requires platform changes for WebKit on Apple platforms so may take longer to be available. Adoption expectationI expect these standard properties be the default way developers choose to style both colouring and sizing of scrollbars, replacing the legacy webkit pseudo styles for most developers. Sample links https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width Estimated milestones Shipping on desktop 121 DevTrial on desktop 118 Shipping on Android 121 DevTrial on Android 118 Shipping on WebView 121 Anticipated spec changes Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way). No anticipated spec changes, this is already shipping in Firefox for a long time. Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5665308343795712 Links to previous Intent discussionsIntent to prototype: https://groups.google.com/a/chromium.org/g/blink-dev/c/zwG2m_KG0RY/m/8nEx9wCWAwAJ This intent message was generated by Chrome Platform Status <https://chromestatus.com/>. On Friday, 20 October 2023 at 21:43:58 UTC+1 Luke wrote: > Contact emails [email protected] > > Explainerhttps://github.com/felipeerias/css-scrollbars-explainer > > Specificationhttps://www.w3.org/TR/css-scrollbars-1 > > Summary > > The CSS Scrollbars spec allows authors to style scrollbars by specifying > their colors and thickness. This spec adds the following two properties. > The scrollbar-color property provides the capability of changing the color > scheme of scrollbars so they fit better into the particular style of a web > page. The scrollbar-width property allows the use of narrower scrollbars > that may be more suitable for some use cases, or even to hide the > scrollbars completely without affecting scrollability. > > > Blink componentBlink>Layout>Scrollbars > <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ELayout%3EScrollbars> > > Search tagscss <https://chromestatus.com/features#tags:css>, scrollbars > <https://chromestatus.com/features#tags:scrollbars>, scrollbar-color > <https://chromestatus.com/features#tags:scrollbar-color>, scrollbar-width > <https://chromestatus.com/features#tags:scrollbar-width> > > TAG reviewhttps://github.com/w3ctag/design-reviews/issues/563 > > TAG review statusIssues addressed > > Risks > > > Interoperability and Compatibility > > These are already supported inside of Firefox so shouldn't present much of > a risk. It's possible that if Safari doesn't support them this could lead > to some level of fragmentation between the legacy pseudo styles and the > standard properties. > > > *Gecko*: Shipped/Shipping ( > https://bugzilla.mozilla.org/show_bug.cgi?id=1460109) Firefox fully > supports both properties. > > *WebKit*: Positive ( > https://github.com/WebKit/standards-positions/issues/133) A supportive > position has been given for both scrollbar-width and scrollbar-color. See > also https://github.com/WebKit/standards-positions/issues/134 > > *Web developers*: Positive (https://insights.developer.mozilla.org) > "Inability to style browser scrollbars" included in the list of Top Pain > Point Categories of the MDN Browser Compatibility Report. > > *Other signals*: > > Ergonomics > > The value of scrollbar-width influences other properties such as > scrollbar-gutter which take the scrollbar's thickness as reference. There > might be conflicts between these properties and Chromium's own > ::-webkit-scrollbar pseudo-elements that serve a similar purpose. This is > partially addressed by these standard properties taking precedence inside > of Chromium and WebKit. > > > Activation > > These properties are easy for developers to take advantage of many will > already be using them for Firefox support. > > > WebView application risks > > Does this intent deprecate or change behavior of existing APIs, such that > it has potentially high risk for Android WebView-based applications? > > This should have no impact on WebView applications. It will simply allow > customising the colours of scrollbars if they apply the necessary styles. > > > Debuggability > > Both properties will show up in dev tools with auto complete support. > Scrollbar color will also have the color swatch show up for both values. > > > Will this feature be supported on all six Blink platforms (Windows, Mac, > Linux, Chrome OS, Android, and Android WebView)?Yes > > Is this feature fully tested by web-platform-tests > <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> > ?No > > The existing Web Platform Tests are not exhaustive. Internal tests are > implemented where necessary. Results: > https://wpt.fyi/results/css/css-scrollbars > > > Flag name on chrome://flags#enable-experimental-web-platform-features > > Finch feature nameScrollbarColor and ScrollbarWidth > > Requires code in //chrome?False > > Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=891944 > > Availability expectationExpect scrollbar-width to be available across all > browsers within a year. scrollbar-color requires platform changes for > WebKit on Apple platforms so may take longer to be available. > > Adoption expectationI expect these standard properties be the default way > developers choose to style both colouring and sizing of scrollbars, > replacing the legacy webkit pseudo styles for most developers. > > Sample links > https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color > https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width > > Estimated milestones > Shipping on desktop 121 > DevTrial on desktop 118 > Shipping on Android 121 > DevTrial on Android 118 > Shipping on WebView 121 > > Anticipated spec changes > > Open questions about a feature may be a source of future web compat or > interop issues. Please list open issues (e.g. links to known github issues > in the project for the feature specification) whose resolution may > introduce web compat/interop risk (e.g., changing to naming or structure of > the API in a non-backward-compatible way). > No anticipated spec changes, this is already shipping in Firefox for a > long time. > > Link to entry on the Chrome Platform Status > https://chromestatus.com/feature/5665308343795712 > > Links to previous Intent discussionsIntent to prototype: > https://groups.google.com/a/chromium.org/g/blink-dev/c/zwG2m_KG0RY/m/8nEx9wCWAwAJ > > This intent message was generated by Chrome Platform Status > <https://chromestatus.com/>. > -- You received this message because you are subscribed to the Google Groups "blink-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/81cb3563-4e48-4133-ab0a-3dec55d142b7n%40chromium.org.
