Intent to implement: Fluent Scrollbars.

 

Contact emails

Rahul Arakeri: arak...@microsoft.com<mailto:arak...@microsoft.com>

Yaroslav Shalivskyy: yshalivs...@microsoft.com<mailto:yshalivs...@microsoft.com>

Sahir Vellani: sahir.vell...@microsoft.com<mailto:sahir.vell...@microsoft.com>

Olga Gerchikov: gerch...@microsoft.com<mailto:gerch...@microsoft.com>

Ben Mathwig: 
benjamin.math...@microsoft.com<mailto:benjamin.math...@microsoft.com>



Visual Spec

https://docs.google.com/document/d/1EpJnWAcPCxBQo6zPGR1Tg1NACiIJ-6dk7cYyK1DhBWw/edit



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

-- 
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.

Reply via email to