Glass chrome motion
Under Liquid glass, list cursors share one sliding wash instead of flashing each row's own background. Selected uses weight; the wash owns hover and the open cursor. Set Style → Liquid glass in the header, then open the demos below.
Rules (from Design · Motion and Surface language):
- One fill travels between rows; selected is not a second static fill.
- When a menu opens, the wash already sits on the selected row — no fade-in after the list appears.
- Travel between rows may ease; first place snaps.
Select wash
Open the field; Editor should already show the wash. Move to another role to see it slide.
Tabs fill
The header fill is the same motion idea as the menu wash — one underline/hover plate that moves with the cursor.
Menubar hop
Hover across peers; one shared viewport morphs between panels. After each hop, the wash settles on the selected option.
References
- Select — glass list wash
- Menubar — shared viewport hop
- Tabs — sliding header fill
- ThemeSwitch / SurfaceSwitch — chrome menus
- Coding guidelines — DSD keep + place wash after floating position