Yes, it will work on all Scrollbars on all platforms including overlay on macOS. :)
On Sat, 21 Oct 2023, 03:56 Šime Vidas, <[email protected]> wrote: > Will scrollbar-color work on overlay scrollbars on macOS? It does in > Firefox. > > On Friday, October 20, 2023 at 10:46:36 PM UTC+2 Luke wrote: > >> 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/CAE-V8gBRP%2B11PMQSzs%3DLkUJWFnGTXvn5%2B%2Bx%2BWzX82i5sDqSEjw%40mail.gmail.com.
