Exciting! Adding onto Rahul's answer here a little - overlay scrollbars (or scrollbars which take to zero space) already exist on other platforms (e.g. they are the default on OSX). It won't/shouldn't be a web compat concern as most websites handle this already.
An interesting side effect of this will likely be that we'll see more sites (who are built after this change goes in) assume that scrollbars are always zero width (as this is now the default on all platforms except linux?) and as a result more content going forward being broken for those users who opt-out. (To be clear there isn't much we can do about this - but an interesting side effect). Ian On Fri, Jan 28, 2022 at 2:51 PM 'Rahul Arakeri' via blink-dev < blink-dev@chromium.org> wrote: > Hi Mike, > > > > Sure, I’ve created a chromestatus entry here: > https://chromestatus.com/feature/5693137379917824 > > And yes, this proposed change is expected to have an impact on the page’s > layout. In it’s default state, the scrollbars will be in “minimal mode” > (aka overlay scrollbars). These will *not* take up any layout space > (whereas, today in Chromium, the default scrollbars take up 17px AFAIK). > > The users will however still have an option to “Always show scrollbars” > via an OS setting. These *will* take up layout space (similar to what > Chromium scrollbars do today). > > > > Thanks, > > Rahul > > > > *From:* Mike Taylor <miketa...@chromium.org> > *Sent:* Friday, January 28, 2022 12:20 PM > *To:* Rahul Arakeri <arak...@microsoft.com> > *Cc:* blink-dev@chromium.org; Robert Flack <fla...@chromium.org>; > wangxianzhu <wangxian...@chromium.org>; p...@chromium.org; > input-...@chromium.org; Yaroslav Shalivskyy <yshalivs...@microsoft.com>; > Olga Gerchikov <gerch...@microsoft.com>; Sahir Vellani < > sahir.vell...@microsoft.com>; Ben Mathwig <benjamin.math...@microsoft.com> > *Subject:* [EXTERNAL] Re: [blink-dev] Intent to implement: Fluent > Scrollbars. > > > > Hi Rahul, > > > > Would you mind creating a chromestatus entry for this intent? (See "Step > 0" at http://dev.chromium.org/blink/launching-features > <https://nam06.safelinks.protection.outlook.com/?url=http%3A%2F%2Fdev.chromium.org%2Fblink%2Flaunching-features&data=04%7C01%7Carakeri%40microsoft.com%7Cdb3d12f9cc6a4f36908f08d9e29b810a%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637789979807067709%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=kyz0DUUmdkzme6t8k2JiratsHd7AIb1lMnyAVMaKnEo%3D&reserved=0> > for a link). > > > > Also, out of curiosity (because I don't know much about scrollbars) - will > this proposed change have an impact on a page's layout? > > > > thanks, > Mike > > > > On 1/28/22 2:50 PM, 'Rahul Arakeri' via blink-dev wrote: > > *Intent to implement: Fluent Scrollbars.* > > > > *Contact emails* > > Rahul Arakeri: arak...@microsoft.com > > Yaroslav Shalivskyy: yshalivs...@microsoft.com > > Sahir Vellani: sahir.vell...@microsoft.com > > Olga Gerchikov: gerch...@microsoft.com > > Ben Mathwig: benjamin.math...@microsoft.com > > > > *Visual Spec* > > > https://docs.google.com/document/d/1EpJnWAcPCxBQo6zPGR1Tg1NACiIJ-6dk7cYyK1DhBWw/edit > <https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.google.com%2Fdocument%2Fd%2F1EpJnWAcPCxBQo6zPGR1Tg1NACiIJ-6dk7cYyK1DhBWw%2Fedit&data=04%7C01%7Carakeri%40microsoft.com%7Cdb3d12f9cc6a4f36908f08d9e29b810a%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637789979807067709%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=8dYuVqC4XA6X7wfHMx3gg12xLJpTpuPovAbZUsaJlzQ%3D&reserved=0> > > > > *Summary* > > This proposal is to modernize the Chromium scrollbars (both overlay and > non-overlay) to fit the Windows 11 Fluent design language. As a part of > this effort, we are proposing to update the visual appearance along with > some changes to how users interact with overlay scrollbars. > > > > *Motivation* > > As the rest of Windows has been embracing WinUI and native Fluent > controls, certain non-XAML apps like Chromium-based browsers still use the > traditional (Win32 looking) scrollbars. As such, we believe that the visual > appearance of scrollbars could use an update in the interest of maintaining > homogeneity with the rest of Windows. > > In a nutshell, we’re proposing that the default scrollbars should act more > like overlay scrollbars, be thinner, have insets and rounded edges. Users > will still have an option to select non overlay scrollbars via the "Always > show scrollbars" OS setting. Non overlay scrollbars will also be restyled > to match Windows theme. For details on scrollbar styling and state > transitions, please see the visual spec linked above. > > Also, please note that since some HTML controls (like <textarea> and > <select>) depend on the ScrollbarThemes(s) that are being refreshed, they > too will also get the new scrollbars. > > > > *Will this feature be supported on all six Blink platforms (Windows, Mac, > Linux, Chrome OS, Android, and Android WebView)?* > > No, this is aimed at Windows for now. However, it can be made available on > Linux too. > > > > *Ongoing technical constraints* > > None. > > > > *Tracking bug* > > https://bugs.chromium.org/p/chromium/issues/detail?id=1292117 > <https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Fdetail%3Fid%3D1292117&data=04%7C01%7Carakeri%40microsoft.com%7Cdb3d12f9cc6a4f36908f08d9e29b810a%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637789979807067709%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=ua3DrUTYMQj8q0VRQb53paMcbqJrT7TrmodxOvIfVX0%3D&reserved=0> > > -- > 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 blink-dev+unsubscr...@chromium.org. > To view this discussion on the web visit > https://groups.google.com/a/chromium.org/d/msgid/blink-dev/SJ0PR00MB1144A4EB417B9D55D9C4D079A6229%40SJ0PR00MB1144.namprd00.prod.outlook.com > <https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgroups.google.com%2Fa%2Fchromium.org%2Fd%2Fmsgid%2Fblink-dev%2FSJ0PR00MB1144A4EB417B9D55D9C4D079A6229%2540SJ0PR00MB1144.namprd00.prod.outlook.com%3Futm_medium%3Demail%26utm_source%3Dfooter&data=04%7C01%7Carakeri%40microsoft.com%7Cdb3d12f9cc6a4f36908f08d9e29b810a%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637789979807067709%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=3moI%2FJZ%2F8FXg4tQw5Lz%2BiM8xln%2FSZFusS0U9gz9HUgQ%3D&reserved=0> > . > > > > -- > 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 blink-dev+unsubscr...@chromium.org. > To view this discussion on the web visit > https://groups.google.com/a/chromium.org/d/msgid/blink-dev/a8b056ed-b1bb-ab26-0b29-a4cd72599f4f%40chromium.org > <https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgroups.google.com%2Fa%2Fchromium.org%2Fd%2Fmsgid%2Fblink-dev%2Fa8b056ed-b1bb-ab26-0b29-a4cd72599f4f%2540chromium.org%3Futm_medium%3Demail%26utm_source%3Dfooter&data=04%7C01%7Carakeri%40microsoft.com%7Cdb3d12f9cc6a4f36908f08d9e29b810a%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637789979807067709%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=2F2r6mAYG9I4p%2FimbMxgpm6ceZxd%2FSoQGXy62%2Fc13kc%3D&reserved=0> > . > > -- > 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 blink-dev+unsubscr...@chromium.org. > To view this discussion on the web visit > https://groups.google.com/a/chromium.org/d/msgid/blink-dev/SJ0PR00MB114419733C7059B193D7EC3DA6229%40SJ0PR00MB1144.namprd00.prod.outlook.com > <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/SJ0PR00MB114419733C7059B193D7EC3DA6229%40SJ0PR00MB1144.namprd00.prod.outlook.com?utm_medium=email&utm_source=footer> > . > -- 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 blink-dev+unsubscr...@chromium.org. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJL3UpRfkcp8ORLyM5VoGyRE4qkQpQr%2BPD_O0hW_UBjf9g%2BGdw%40mail.gmail.com.
