From 87060b77491190f146b90bb0c45fe2e09f9e52be Mon Sep 17 00:00:00 2001
From: Muhammad Ragib Hasin <ragib.hasin@gmail.com>
Date: Sun, 26 Apr 2026 09:42:12 +0600
Subject: [PATCH 1/6] Make Scrollbar collapse when not hovered

---
 masonry/src/widgets/scroll_bar.rs | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/masonry/src/widgets/scroll_bar.rs b/masonry/src/widgets/scroll_bar.rs
index f6b3f86a3..9f7816e0f 100644
--- a/masonry/src/widgets/scroll_bar.rs
+++ b/masonry/src/widgets/scroll_bar.rs
@@ -46,6 +46,7 @@ pub struct ScrollBar {
     pub(crate) portal_size: f64,
     pub(crate) content_size: f64,
     grab_anchor: Option<f64>,
+    expanded: bool,
 }
 
 // --- MARK: BUILDERS
@@ -62,6 +63,7 @@ impl ScrollBar {
             portal_size,
             content_size,
             grab_anchor: None,
+            expanded: false,
         }
     }
 }
@@ -338,12 +340,14 @@ impl Widget for ScrollBar {
 
     fn register_children(&mut self, _ctx: &mut RegisterCtx<'_>) {}
 
-    fn update(
-        &mut self,
-        _ctx: &mut UpdateCtx<'_>,
-        _props: &mut PropertiesMut<'_>,
-        _event: &Update,
-    ) {
+    fn update(&mut self, ctx: &mut UpdateCtx<'_>, _props: &mut PropertiesMut<'_>, event: &Update) {
+        match event {
+            Update::HoveredChanged(received) => {
+                self.expanded = *received;
+                ctx.request_paint_only();
+            }
+            _ => {}
+        }
     }
 
     fn measure(
@@ -384,12 +388,20 @@ impl Widget for ScrollBar {
         let edge_width = theme::SCROLLBAR_EDGE_WIDTH;
         let cursor_padding = theme::SCROLLBAR_PAD;
         let cursor_min_length = theme::SCROLLBAR_MIN_SIZE;
+        let scrollbar_width = theme::SCROLLBAR_WIDTH;
 
         let size = ctx.content_box_size();
-        let (inset_x, inset_y) = self.axis.pack_xy(0.0, cursor_padding);
+        let inset_start = cursor_padding
+            + if self.expanded {
+                0.
+            } else {
+                scrollbar_width / 2.
+            };
+        let (inset_x0, inset_y0) = self.axis.pack_xy(0.0, inset_start);
+        let (inset_x1, inset_y1) = self.axis.pack_xy(0.0, cursor_padding);
         let cursor_rect = self
             .cursor_rect(size, cursor_min_length)
-            .inset((-inset_x, -inset_y))
+            .inset((-inset_x0, -inset_y0, -inset_x1, -inset_y1))
             .to_rounded_rect(radius);
 
         painter.fill(cursor_rect, theme::SCROLLBAR_COLOR).draw();

From 577e380e74a87019ae0c7d8570c595459a82915d Mon Sep 17 00:00:00 2001
From: Muhammad Ragib Hasin <ragib.hasin@gmail.com>
Date: Sun, 26 Apr 2026 11:13:26 +0600
Subject: [PATCH 2/6] Fix tests

---
 masonry/screenshots/scrollbar_bottom.png        | Bin 213 -> 164 bytes
 masonry/screenshots/scrollbar_default.png       | Bin 218 -> 174 bytes
 masonry/screenshots/scrollbar_down.png          | Bin 192 -> 160 bytes
 masonry/screenshots/scrollbar_horizontal.png    | Bin 200 -> 166 bytes
 .../scrollbar_horizontal_hovered.png            | Bin 0 -> 200 bytes
 masonry/screenshots/scrollbar_hovered.png       | Bin 0 -> 218 bytes
 masonry/src/widgets/scroll_bar.rs               |   6 ++++++
 7 files changed, 6 insertions(+)
 create mode 100644 masonry/screenshots/scrollbar_horizontal_hovered.png
 create mode 100644 masonry/screenshots/scrollbar_hovered.png

diff --git a/masonry/screenshots/scrollbar_bottom.png b/masonry/screenshots/scrollbar_bottom.png
index bf2b4b76ffcc1ebc169592f1280b3ebd93ac5fc6..adf42f412d293d83c64f2a357fb31135399f4974 100644
GIT binary patch
delta 136
zcmcc0xP)<nN`1Dci(^Q|t+%Ha3N{!BFc@5GbY6UuL8kh_gf$mpSM3V>yP2upLuh`Y
zkF<zuAR3xdKeh7Qw8y*pVj|z&d#@V0O)7AE$jxY%+oCX~`=)GlnPM8cZ1a@jsz|vd
XLcE7wRhs{200K`}KbLh*35-nuFLyU-

delta 185
zcmZ3&c$IO2O8p#97srr_TW?Pr^0pd?v<1F#NN`}}R9v%Qq0kKlS7zntT!REw){Kl#
z`<HO#P2c`u?q8AAZB0%K12jaqT2ZM_OD~zsTpGVE_hs>^4fck1zZ3Mo{_?uC``WWh
zvR-}XVwQQIG@W_6Mtf&ET<0gF`$lZ4i6+ypxqEi)Go5~EZeZ7P?YB#d>{#AwW&dP6
Xv-DA!)N>zq1|aZs^>bP0l+XkKn#fP;

diff --git a/masonry/screenshots/scrollbar_default.png b/masonry/screenshots/scrollbar_default.png
index c23e07dcec08c1834572d6aa1979dcdfba900bb5..fe787c28624f57f7cc153bfdb473dd7cca731847 100644
GIT binary patch
delta 146
zcmcb`xQ=mxN`0xPi(^Q|t+%Ha3N|~4xL(}yS;Ax%-+_zle4gC5xx2P~us1F&yxD0R
z9#bCYIVmweSN>D<`t#4ju0GS-bT9OKmjXu<7=7Z8T(>IwrPAe}HqWoPZjwDd&2Cbm
lkG`h>iz7OEvfKRr3f@B}(r4~v;AUW8@O1TaS?83{1OPxGJ4*ln

delta 190
zcmZ3-c#Cm@O8r7l7srr_TW?P<<ZW>falM%PTv#B)!HGjGYXOT)$_mEL*=7P;oLH|I
zoV=a#WL1A;X}`Vv<|Hn|wv`6U`)`)0Xv$9Be?`$Vh->TaFM*M7?xyaU606+mv@k$J
zgsau*XTGFg>hlMBXV>NA-&q<X=UFxFQtX=B@20$4Yh1svEbhAb&aLK0*Q`2oZ%PkL
e4^%76gs-gry^qSS3Atu40D-5gpUXO@geCwB)Kba-

diff --git a/masonry/screenshots/scrollbar_down.png b/masonry/screenshots/scrollbar_down.png
index 6cc8a4e12b51a730acd411028d398363ab1818a4..b4bc6e97831cecc1736b6712175ea0f3f557040f 100644
GIT binary patch
delta 131
zcmX@WxPWnjN=>?_i(^Q|t+&?=1rI0)FdV$$>D<p^<)gslJi~!$ksVXeU!PTH;`TGW
z+jTjXqe%e;ePRwezQQu-ndRms9?^oUmwMb6+^q~#vB#s%?bGSW^4i*63il_o?>6BR
U(|t7MG6N8Jy85}Sb4q9e0M+*}{{R30

delta 164
zcmZ3$cz|(&N`1Shi(^Q|t+&?~^0qjLxCY*ebPxE#(Bw3sg-e6YnN`GreamNaN#ioN
zGitNvJnygH{ySv7vjB@DGMZ4Y{&&y1;&|t_zcu%Z<+V<Hb8)eWwv_Dmus)V#6g#oZ
z_h`ya<+pJ#JwJ6%vhPb&dm@oJL)OM}%@U0!6NPx+3y;OrrCjtGfWXt$&t;ucLK6Tq
C>^xuq

diff --git a/masonry/screenshots/scrollbar_horizontal.png b/masonry/screenshots/scrollbar_horizontal.png
index 9a2daebc48ceb209c12641b2aa364f972760cbaf..6a37404a38a3dddc46725696ee2895f3d42c06a9 100644
GIT binary patch
delta 138
zcmX@XxQuavN`0=Ui(^Q|t+!V;@;U^Fv|ZfI7q~jtA)SBjC9Zt&sawC~EZ8}5Pr*K3
zzoPf@XWh931ST9`B)cpmIi52`(|uL#?AHxbv~TV#Q}BB|HQju_0zR<6@y@M3yoX+V
SQ@h9j1fH&bF6)?`5}E*QhcuP|

delta 172
zcmZ3+c!F_)N`1eli(^Q|t+!YAavpM!Xn44$cu}h`htf7HXSWT(k9ek)MJl_7on)E$
z@WCbrg$c?9Ezj>hXnen%%X%f(!<zba?+PuaF<D;my}f?j@4fl04zKEcEPL-~OHNQ*
zwx=yza)Mc^n7z8d;;m;lS?`y7q@!XkfC^Mmxf716S++bX>o^(og#idWUHx3vIVCg!
E07be&jsO4v

diff --git a/masonry/screenshots/scrollbar_horizontal_hovered.png b/masonry/screenshots/scrollbar_horizontal_hovered.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a2daebc48ceb209c12641b2aa364f972760cbaf
GIT binary patch
literal 200
zcmeAS@N?(olHy`uVBq!ia0vp^CxF<914uB~Se>>7QvIGTjv*Dd-d^3ydB{Pc;o+L%
zMXkadO53cQ-8KY2;+a+!sq7kdl4a(@2b&xeCMXxQJiq&(@%?fx>y=y&YwFj%E3}-(
zWO>E+_WE_d_vW`cysG!H?7g2YIYDjNp0;qw31+Ec_UZzQx1QZ(y<hH;j*7VeJ}}{^
Ynq|wQvW}BMUqDXuboFyt=akR{04O^}BLDyZ

literal 0
HcmV?d00001

diff --git a/masonry/screenshots/scrollbar_hovered.png b/masonry/screenshots/scrollbar_hovered.png
new file mode 100644
index 0000000000000000000000000000000000000000..c23e07dcec08c1834572d6aa1979dcdfba900bb5
GIT binary patch
literal 218
zcmeAS@N?(olHy`uVBq!ia0vp^MnHUm14uCR$G#N;QVTs@978H@y*<5<x5Yuk^<wUG
zVSx|_Cl0Z!1uQZtD;PUxn+a@jV!dK;@^;FTRsE5r{r2*klei4qRvIktzgeQ9DLZ-p
z6-Cb=uC2Sj1V+BOo4RL8ta7W<!T=2su2!d?`I3IA&mZWWU6+%8XK9R_XVtVzv1@L>
zoAPe0as9@!xa&K&njc-W>dd_<Juod$oiGEwvikQvD!V4+ngMdOr>mdKI;Vst08d?2
Apa1{>

literal 0
HcmV?d00001

diff --git a/masonry/src/widgets/scroll_bar.rs b/masonry/src/widgets/scroll_bar.rs
index 9f7816e0f..d5a88f7ae 100644
--- a/masonry/src/widgets/scroll_bar.rs
+++ b/masonry/src/widgets/scroll_bar.rs
@@ -493,6 +493,9 @@ mod tests {
 
         assert_render_snapshot!(harness, "scrollbar_default");
 
+        harness.mouse_move((5., 50.));
+        assert_render_snapshot!(harness, "scrollbar_hovered");
+
         assert!(harness.pop_action_erased().is_none());
 
         harness.mouse_click_on(scrollbar_id, None);
@@ -520,6 +523,9 @@ mod tests {
 
         assert_render_snapshot!(harness, "scrollbar_horizontal");
 
+        harness.mouse_move((50., 5.));
+        assert_render_snapshot!(harness, "scrollbar_horizontal_hovered");
+
         assert!(harness.pop_action_erased().is_none());
 
         harness.mouse_click_on(scrollbar_id, None);

From efb86fd70abf175f66bc7d36b4a19f12e5d68641 Mon Sep 17 00:00:00 2001
From: Muhammad Ragib Hasin <ragib.hasin@gmail.com>
Date: Sun, 26 Apr 2026 15:34:31 +0600
Subject: [PATCH 3/6] Fix Portal tests

---
 .../portal_button_list_no_scroll.png          | Bin 2230 -> 2143 bytes
 .../portal_button_list_scroll_to_item_13.png  | Bin 2509 -> 2415 bytes
 .../portal_button_list_scroll_to_item_3.png   | Bin 2418 -> 2328 bytes
 .../portal_button_list_scrolled.png           | Bin 2418 -> 2328 bytes
 .../portal_scrolled_button_into_view.png      | Bin 1383 -> 1315 bytes
 5 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/masonry/screenshots/portal_button_list_no_scroll.png b/masonry/screenshots/portal_button_list_no_scroll.png
index 75c491540128067891d081bbb8d09a1d729a222e..c06bc7ec836b6b3bed407e8b9a4fbff56ecf9420 100644
GIT binary patch
literal 2143
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
AmjD0&

delta 2098
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
Ws)1h;(xCH-`H_jI2^_qC=Klah;lMut

diff --git a/masonry/screenshots/portal_button_list_scroll_to_item_13.png b/masonry/screenshots/portal_button_list_scroll_to_item_13.png
index bbe3932f7fa66bd9f4a5b36b77efb35bbcab60b1..6319d828c65b2ea1285ad66ef4d0102517e36d7a 100644
GIT binary patch
delta 2083
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
Rix9~^G!)X)rNKFr@^6n|#;gDU

delta 2227
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

diff --git a/masonry/screenshots/portal_button_list_scroll_to_item_3.png b/masonry/screenshots/portal_button_list_scroll_to_item_3.png
index fd73e8bf1b8fd2d5f3bb97869c4ed4c87802dd37..7b09e0d85dbe97b82263c2936589640e637e515a 100644
GIT binary patch
delta 2040
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

delta 2081
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
Bv<(0N

diff --git a/masonry/screenshots/portal_button_list_scrolled.png b/masonry/screenshots/portal_button_list_scrolled.png
index fd73e8bf1b8fd2d5f3bb97869c4ed4c87802dd37..7b09e0d85dbe97b82263c2936589640e637e515a 100644
GIT binary patch
delta 2040
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

delta 2081
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
Bv<(0N

diff --git a/masonry/screenshots/portal_scrolled_button_into_view.png b/masonry/screenshots/portal_scrolled_button_into_view.png
index da95ffb49b6c85b93460f3e860ec7139da1aceec..93d61f49f4857daa4f98c89a0480e240d5c9d149 100644
GIT binary patch
delta 1176
zcmaiyX*k;l0Eb(%&Wv8#vPV1fREtWGv~Fq=(i|jn1XbpU+uSNzN&j=ixkwx#&XmNp
zEg6aw)u5_cT2B*3s3(alC8@L8hiP|x?3cYCeqY}YzgMo#R;L>r)+@e%13(}%6BDpR
zB9+VK0>Oa0yB89PURzUexjcXWz=eecDD+B01ABdaeQ9Y43^p$>XWH1<lgU7Mcq9UW
z0D(X(7K=zELZQ&0ppdDlsj8|Pp-}kprEqa^v8SguDJjL$(#FTfhtKCT809G`sb*$S
z0wJuuy#oewt_SMbRB926bvHIPJ~{d3g9rWQ=9lq!-;9i`%*?F8!J&r_1<uY04yUoC
zq;z(6wyy4OX(@xrtZZs(j*N_MX=zm|mEPXIwY99SuI{<Hx%l|R>FMeE`UX7S$I}x}
zqZLb~QkhI95{Ym)cQ%_Nkx0a1ad0p}B$|wi0}>`CCJG9EHZ_H;tjHT1n=CD@YisMq
z#>R$+hdVpF#>by0BqTy0SK8a#U0t!m!;hVu;N|5Nbb2ua0wIw|2L}fP0)axI1Ox=y
z*x1~^e;<d#kw|woHa6_+uBN7@UAu<%^Yh=_+(e-;F)^{dy?quI)>&EER#vtyE=a?f
z8L>j42nh*AAW);DPnVaM0U%>wU=WRV^YFl9FmAcIdB(<|Qgan^;Kl99fJ28=1Sn@G
zue8}Wvr`^topf?!GF@N)lV?;^)lM$_bJKqm^%<&Wg8hS{Q;lHDsz;gJU<G+y%3bHJ
zeT>jJ^eI0LZXfiVIQ2t++SW5QmH0pbX>XqkdD{=jcly)gHOTV;R|9>l^nvW-Fg5-E
z8|d-U=6#Z<p)Oof7FBr0tvW<CWA!U-tX$jpQ}1^Pd4;s2#}fV0Qb;wj-(E0hjA%70
z`32O~lx{ZIBjbd4B^2fF%2Bxh9T}WI4e0$kkWaNbt97n%Aiu!!tk$}_G;K)pNwyIk
zruKC<-I42oxp#!O%D02rx{fJ7!VAz?q(e8=r=?QbL4S9chg_sAde9vDa$S+YE8P-%
zm~b=LL4TST$oM0|t?blRY>wBJi^fA5rB}UJjzsVMUC;V(Jmxl{{Twuo^lTJ(hp@_d
zJ#so~gZX7irzy^_M9~EsLJJVDtVKb&UO+3?6x9W@7w^$vdh$M5o8z9N!T14>yc2r8
zy1EJeMHmHy#ZEro$E6~vWl<Ne>s#m*HbU>cq?!oZ2n?c<blvt|5@N$qdJM&^>@X3X
zw=-};V<eFjlI4f!d7TE}O>$BPV$3Xkw<?t8=o}SnCx3BcR=1?8>#2I{C9<^cQ5^(>
zR%$_?jgOXtqe4ZO_uy*)a`{n(SpTN*NP0{^1VC>0p69f2;vS=S0`o47qdIOS3&?zU
z6>b^S@(ZX9Zi@(u!*2QMYZ8mTsr(*a{JMZX(#$p9WsqU&K~IW2X*c*`xdwGLm){3h
zD(Qc|7xI5(oNmY@<l-b?;%Xzr%*-fG(5n5rp{mR1Hm2eh?X9}3RnaZ`Z1G#Z=4+kG
g-k7}S5tNS~KJWZ1el>DI`_8{jpj@!dJXlcX-y$zL=Kufz

delta 1245
zcmaLLeK^wz0KoC-#YG9d%-nTK<>{1dEQVa&?M*gmV^*qZSedIETRFCrpP85G!eq@`
z3|osc3yp_e42@LeY$ptjQSQv4a(a1G*Z=q2eg67BU#azswQ#qEcb*FoFd8Q^GX>9|
zKkw;z=<kn@iaO)w2H&?2Ix{n)(X<B#hXw=?LP99*?HvR{(Cn<awpK}{(o7~34i_*y
zJi_OvRaQ#p=jW%Vr=d`Hwfa}FxbXaWCIaEPu&@vv9dr0FVQ_Hp#tpGpTre=8o0^(x
zX;CAQz85aU7Z=~u0@|*VC#gq{9Idaf_wewfP{ML^^Cl)Hs;a8%>l^OfYrS~!r?Rs0
z{QMgo9i1}St%?dM8jU5BDemt3V`9z~78c3nx3O6Nwl>Yk$OwgUoXL!nNXoObbFN>{
zHy8}5seB%fKRP;EQBgTGG!z%dK6Wguv{W)TH`mzMG&u=O8jVJ&R7NBQ>-Bm#96_g_
zjf|x0^}m;vmOXy_I5w80)oOct`&cY?e}DhgtJjc7pIf)&FJ8>RU>+(}V|;u<csR|^
z?+}ef>+bH3h=|hZbSM-?D9pQZ1%SihY&N^8sfop6B_wcoJYH2*6%vUg5C~pgUMVRl
z-(9|(j7FoOQ0U^~A|4;;>-(*jmyfsi0S<=~6cohg^NB<vm&=90U?>zSFfa%Jcp{Og
zrKQEy)y-@+=R;Px1C4!u<bpt}%y=v+lw<hIaF#qqf@DlCt^pTxqS=XW_L34mdjmd4
z!dwL>GEP}{fs?8D224>h&-Too5v~$o_4_hj-1N2={0Ff=vo>PAVRUxZU|2hDo`WDt
zG7lVBTWX%))OQ!qDq~T`OYi#{K02X{(U!dpJjd3|BPD0`8zR?XAf0v@?rF~dlZYDm
zBe$Ag?3ZfQI=31HI9^#vo&DyH-I7wJ(8y#OMd)v>8ShP|_m&@b;jsS(d|t@T`})Cw
zqs$y-nNzA-J~kG<fmG7bHO?fA=dc-JnXj9RU7TW{)PWh^TN4Xz`zaoblS$b%>lF{W
zD5Pwu#Zx+KODO$|^9}T#O=&BRtNjnxaqepx?GdhoL-1|7;tP;EAE8asKp@?D^UqX!
zeYHNN>m^-nbwZGU0anDT7f(l9aZfFM>9gsRO$vExPr29l5I!E1tbNv!Wc&8-i%40V
z=T5{4tB1YIwuSCLc&tgklOp}I4^-!8!;zd3p|@oqeYZZ_9*T}S-ldhN;hi(m6n)EI
z-Bq!MH7naqJCKnKi`_}rJK1JSnb0fw5NGq-V5_Xvl~|hVZXgziu-jX#YTn6rc;dMK
zDF(4sQke8wz0K5U0B9l$g22JfiH)~@2YVEyf~3CYX1#0?y4*ZC#Smib=IgvQ6CKom
zuoaxEEH0)dVPn#?Wjo_^fC^FsN{?$_Jl^BX^Zj1%2IC@g7?%H7Ya6u@Bt@b_$d_!t
z-tsAZM;H~bO82O)$6Gm$<TWedRXD4nYdMC6I1$=XLTi0G<}fGCveO$pKDC!~ovR&-
z>Nu~q5Cr|p_g0`4B=qSvfe&|8$hwnCYTE}GR$9=l@+@ioka2MDtA;FLc&_B-LBxX`
sVtB31cAt$pLrTsrGSjC1-HFIZz@i$wq#%fvZRDWO@VKK`B|0MYA5<?}oB#j-


From 8cb055c2835e034e9ed484b2b6af2722595d2da6 Mon Sep 17 00:00:00 2001
From: Muhammad Ragib Hasin <ragib.hasin@gmail.com>
Date: Wed, 29 Apr 2026 06:13:09 +0600
Subject: [PATCH 4/6] Use ctx methods for hover check and grab handle

---
 masonry/src/widgets/scroll_bar.rs | 25 ++++++-------------------
 1 file changed, 6 insertions(+), 19 deletions(-)

diff --git a/masonry/src/widgets/scroll_bar.rs b/masonry/src/widgets/scroll_bar.rs
index d5a88f7ae..9760b6fac 100644
--- a/masonry/src/widgets/scroll_bar.rs
+++ b/masonry/src/widgets/scroll_bar.rs
@@ -9,7 +9,7 @@ use crate::core::keyboard::{Key, KeyState, NamedKey};
 use crate::core::{
     AccessCtx, AccessEvent, AllowRawMut, ChildrenIds, EventCtx, LayoutCtx, MeasureCtx, NoAction,
     PaintCtx, PointerButtonEvent, PointerEvent, PointerUpdate, PropertiesMut, PropertiesRef,
-    RegisterCtx, TextEvent, Update, UpdateCtx, Widget, WidgetId, WidgetMut,
+    RegisterCtx, TextEvent, UpdateCtx, Widget, WidgetId, WidgetMut,
 };
 use crate::imaging::Painter;
 use crate::kurbo::{Axis, Point, Rect, Size, Stroke};
@@ -46,7 +46,6 @@ pub struct ScrollBar {
     pub(crate) portal_size: f64,
     pub(crate) content_size: f64,
     grab_anchor: Option<f64>,
-    expanded: bool,
 }
 
 // --- MARK: BUILDERS
@@ -63,7 +62,6 @@ impl ScrollBar {
             portal_size,
             content_size,
             grab_anchor: None,
-            expanded: false,
         }
     }
 }
@@ -340,16 +338,6 @@ impl Widget for ScrollBar {
 
     fn register_children(&mut self, _ctx: &mut RegisterCtx<'_>) {}
 
-    fn update(&mut self, ctx: &mut UpdateCtx<'_>, _props: &mut PropertiesMut<'_>, event: &Update) {
-        match event {
-            Update::HoveredChanged(received) => {
-                self.expanded = *received;
-                ctx.request_paint_only();
-            }
-            _ => {}
-        }
-    }
-
     fn measure(
         &mut self,
         _ctx: &mut MeasureCtx<'_>,
@@ -391,12 +379,11 @@ impl Widget for ScrollBar {
         let scrollbar_width = theme::SCROLLBAR_WIDTH;
 
         let size = ctx.content_box_size();
-        let inset_start = cursor_padding
-            + if self.expanded {
-                0.
-            } else {
-                scrollbar_width / 2.
-            };
+        let inset_start = if ctx.is_hovered() || self.grab_anchor.is_some() {
+            cursor_padding
+        } else {
+            cursor_padding + scrollbar_width / 2.
+        };
         let (inset_x0, inset_y0) = self.axis.pack_xy(0.0, inset_start);
         let (inset_x1, inset_y1) = self.axis.pack_xy(0.0, cursor_padding);
         let cursor_rect = self

From 0b5ee17dc369d7aeb9520870d7e242d2c7cae9b9 Mon Sep 17 00:00:00 2001
From: Muhammad Ragib Hasin <ragib.hasin@gmail.com>
Date: Fri, 8 May 2026 00:33:27 +0600
Subject: [PATCH 5/6] Add Collapsible property with false being default

---
 .../portal_button_list_no_scroll.png          | Bin 2143 -> 2230 bytes
 .../portal_button_list_scroll_to_item_13.png  | Bin 2415 -> 2509 bytes
 .../portal_button_list_scroll_to_item_3.png   | Bin 2328 -> 2418 bytes
 .../portal_button_list_scrolled.png           | Bin 2328 -> 2418 bytes
 .../portal_scrolled_button_into_view.png      | Bin 1315 -> 1383 bytes
 masonry/screenshots/scrollbar_bottom.png      | Bin 164 -> 213 bytes
 masonry/screenshots/scrollbar_collapsed.png   | Bin 0 -> 150 bytes
 masonry/screenshots/scrollbar_default.png     | Bin 174 -> 218 bytes
 masonry/screenshots/scrollbar_down.png        | Bin 160 -> 192 bytes
 masonry/screenshots/scrollbar_horizontal.png  | Bin 166 -> 200 bytes
 .../scrollbar_horizontal_hovered.png          | Bin 200 -> 0 bytes
 masonry/screenshots/scrollbar_hovered.png     | Bin 218 -> 0 bytes
 masonry/src/properties/mod.rs                 |   2 ++
 masonry/src/properties/scroll_bar.rs          |  15 +++++++++
 masonry/src/widgets/scroll_bar.rs             |  29 ++++++++++++------
 15 files changed, 37 insertions(+), 9 deletions(-)
 create mode 100644 masonry/screenshots/scrollbar_collapsed.png
 delete mode 100644 masonry/screenshots/scrollbar_horizontal_hovered.png
 delete mode 100644 masonry/screenshots/scrollbar_hovered.png
 create mode 100644 masonry/src/properties/scroll_bar.rs

diff --git a/masonry/screenshots/portal_button_list_no_scroll.png b/masonry/screenshots/portal_button_list_no_scroll.png
index c06bc7ec836b6b3bed407e8b9a4fbff56ecf9420..75c491540128067891d081bbb8d09a1d729a222e 100644
GIT binary patch
delta 2098
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
Ws)1h;(xCH-`H_jI2^_qC=Klah;lMut

literal 2143
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
AmjD0&

diff --git a/masonry/screenshots/portal_button_list_scroll_to_item_13.png b/masonry/screenshots/portal_button_list_scroll_to_item_13.png
index 6319d828c65b2ea1285ad66ef4d0102517e36d7a..bbe3932f7fa66bd9f4a5b36b77efb35bbcab60b1 100644
GIT binary patch
delta 2227
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

delta 2083
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
Rix9~^G!)X)rNKFr@^6n|#;gDU

diff --git a/masonry/screenshots/portal_button_list_scroll_to_item_3.png b/masonry/screenshots/portal_button_list_scroll_to_item_3.png
index 7b09e0d85dbe97b82263c2936589640e637e515a..fd73e8bf1b8fd2d5f3bb97869c4ed4c87802dd37 100644
GIT binary patch
delta 2081
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
Bv<(0N

delta 2040
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

diff --git a/masonry/screenshots/portal_button_list_scrolled.png b/masonry/screenshots/portal_button_list_scrolled.png
index 7b09e0d85dbe97b82263c2936589640e637e515a..fd73e8bf1b8fd2d5f3bb97869c4ed4c87802dd37 100644
GIT binary patch
delta 2081
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
Bv<(0N

delta 2040
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

diff --git a/masonry/screenshots/portal_scrolled_button_into_view.png b/masonry/screenshots/portal_scrolled_button_into_view.png
index 93d61f49f4857daa4f98c89a0480e240d5c9d149..da95ffb49b6c85b93460f3e860ec7139da1aceec 100644
GIT binary patch
delta 1245
zcmaLLeK^wz0KoC-#YG9d%-nTK<>{1dEQVa&?M*gmV^*qZSedIETRFCrpP85G!eq@`
z3|osc3yp_e42@LeY$ptjQSQv4a(a1G*Z=q2eg67BU#azswQ#qEcb*FoFd8Q^GX>9|
zKkw;z=<kn@iaO)w2H&?2Ix{n)(X<B#hXw=?LP99*?HvR{(Cn<awpK}{(o7~34i_*y
zJi_OvRaQ#p=jW%Vr=d`Hwfa}FxbXaWCIaEPu&@vv9dr0FVQ_Hp#tpGpTre=8o0^(x
zX;CAQz85aU7Z=~u0@|*VC#gq{9Idaf_wewfP{ML^^Cl)Hs;a8%>l^OfYrS~!r?Rs0
z{QMgo9i1}St%?dM8jU5BDemt3V`9z~78c3nx3O6Nwl>Yk$OwgUoXL!nNXoObbFN>{
zHy8}5seB%fKRP;EQBgTGG!z%dK6Wguv{W)TH`mzMG&u=O8jVJ&R7NBQ>-Bm#96_g_
zjf|x0^}m;vmOXy_I5w80)oOct`&cY?e}DhgtJjc7pIf)&FJ8>RU>+(}V|;u<csR|^
z?+}ef>+bH3h=|hZbSM-?D9pQZ1%SihY&N^8sfop6B_wcoJYH2*6%vUg5C~pgUMVRl
z-(9|(j7FoOQ0U^~A|4;;>-(*jmyfsi0S<=~6cohg^NB<vm&=90U?>zSFfa%Jcp{Og
zrKQEy)y-@+=R;Px1C4!u<bpt}%y=v+lw<hIaF#qqf@DlCt^pTxqS=XW_L34mdjmd4
z!dwL>GEP}{fs?8D224>h&-Too5v~$o_4_hj-1N2={0Ff=vo>PAVRUxZU|2hDo`WDt
zG7lVBTWX%))OQ!qDq~T`OYi#{K02X{(U!dpJjd3|BPD0`8zR?XAf0v@?rF~dlZYDm
zBe$Ag?3ZfQI=31HI9^#vo&DyH-I7wJ(8y#OMd)v>8ShP|_m&@b;jsS(d|t@T`})Cw
zqs$y-nNzA-J~kG<fmG7bHO?fA=dc-JnXj9RU7TW{)PWh^TN4Xz`zaoblS$b%>lF{W
zD5Pwu#Zx+KODO$|^9}T#O=&BRtNjnxaqepx?GdhoL-1|7;tP;EAE8asKp@?D^UqX!
zeYHNN>m^-nbwZGU0anDT7f(l9aZfFM>9gsRO$vExPr29l5I!E1tbNv!Wc&8-i%40V
z=T5{4tB1YIwuSCLc&tgklOp}I4^-!8!;zd3p|@oqeYZZ_9*T}S-ldhN;hi(m6n)EI
z-Bq!MH7naqJCKnKi`_}rJK1JSnb0fw5NGq-V5_Xvl~|hVZXgziu-jX#YTn6rc;dMK
zDF(4sQke8wz0K5U0B9l$g22JfiH)~@2YVEyf~3CYX1#0?y4*ZC#Smib=IgvQ6CKom
zuoaxEEH0)dVPn#?Wjo_^fC^FsN{?$_Jl^BX^Zj1%2IC@g7?%H7Ya6u@Bt@b_$d_!t
z-tsAZM;H~bO82O)$6Gm$<TWedRXD4nYdMC6I1$=XLTi0G<}fGCveO$pKDC!~ovR&-
z>Nu~q5Cr|p_g0`4B=qSvfe&|8$hwnCYTE}GR$9=l@+@ioka2MDtA;FLc&_B-LBxX`
sVtB31cAt$pLrTsrGSjC1-HFIZz@i$wq#%fvZRDWO@VKK`B|0MYA5<?}oB#j-

delta 1176
zcmaiyX*k;l0Eb(%&Wv8#vPV1fREtWGv~Fq=(i|jn1XbpU+uSNzN&j=ixkwx#&XmNp
zEg6aw)u5_cT2B*3s3(alC8@L8hiP|x?3cYCeqY}YzgMo#R;L>r)+@e%13(}%6BDpR
zB9+VK0>Oa0yB89PURzUexjcXWz=eecDD+B01ABdaeQ9Y43^p$>XWH1<lgU7Mcq9UW
z0D(X(7K=zELZQ&0ppdDlsj8|Pp-}kprEqa^v8SguDJjL$(#FTfhtKCT809G`sb*$S
z0wJuuy#oewt_SMbRB926bvHIPJ~{d3g9rWQ=9lq!-;9i`%*?F8!J&r_1<uY04yUoC
zq;z(6wyy4OX(@xrtZZs(j*N_MX=zm|mEPXIwY99SuI{<Hx%l|R>FMeE`UX7S$I}x}
zqZLb~QkhI95{Ym)cQ%_Nkx0a1ad0p}B$|wi0}>`CCJG9EHZ_H;tjHT1n=CD@YisMq
z#>R$+hdVpF#>by0BqTy0SK8a#U0t!m!;hVu;N|5Nbb2ua0wIw|2L}fP0)axI1Ox=y
z*x1~^e;<d#kw|woHa6_+uBN7@UAu<%^Yh=_+(e-;F)^{dy?quI)>&EER#vtyE=a?f
z8L>j42nh*AAW);DPnVaM0U%>wU=WRV^YFl9FmAcIdB(<|Qgan^;Kl99fJ28=1Sn@G
zue8}Wvr`^topf?!GF@N)lV?;^)lM$_bJKqm^%<&Wg8hS{Q;lHDsz;gJU<G+y%3bHJ
zeT>jJ^eI0LZXfiVIQ2t++SW5QmH0pbX>XqkdD{=jcly)gHOTV;R|9>l^nvW-Fg5-E
z8|d-U=6#Z<p)Oof7FBr0tvW<CWA!U-tX$jpQ}1^Pd4;s2#}fV0Qb;wj-(E0hjA%70
z`32O~lx{ZIBjbd4B^2fF%2Bxh9T}WI4e0$kkWaNbt97n%Aiu!!tk$}_G;K)pNwyIk
zruKC<-I42oxp#!O%D02rx{fJ7!VAz?q(e8=r=?QbL4S9chg_sAde9vDa$S+YE8P-%
zm~b=LL4TST$oM0|t?blRY>wBJi^fA5rB}UJjzsVMUC;V(Jmxl{{Twuo^lTJ(hp@_d
zJ#so~gZX7irzy^_M9~EsLJJVDtVKb&UO+3?6x9W@7w^$vdh$M5o8z9N!T14>yc2r8
zy1EJeMHmHy#ZEro$E6~vWl<Ne>s#m*HbU>cq?!oZ2n?c<blvt|5@N$qdJM&^>@X3X
zw=-};V<eFjlI4f!d7TE}O>$BPV$3Xkw<?t8=o}SnCx3BcR=1?8>#2I{C9<^cQ5^(>
zR%$_?jgOXtqe4ZO_uy*)a`{n(SpTN*NP0{^1VC>0p69f2;vS=S0`o47qdIOS3&?zU
z6>b^S@(ZX9Zi@(u!*2QMYZ8mTsr(*a{JMZX(#$p9WsqU&K~IW2X*c*`xdwGLm){3h
zD(Qc|7xI5(oNmY@<l-b?;%Xzr%*-fG(5n5rp{mR1Hm2eh?X9}3RnaZ`Z1G#Z=4+kG
g-k7}S5tNS~KJWZ1el>DI`_8{jpj@!dJXlcX-y$zL=Kufz

diff --git a/masonry/screenshots/scrollbar_bottom.png b/masonry/screenshots/scrollbar_bottom.png
index adf42f412d293d83c64f2a357fb31135399f4974..bf2b4b76ffcc1ebc169592f1280b3ebd93ac5fc6 100644
GIT binary patch
delta 185
zcmZ3&c$IO2O8p#97srr_TW?Pr^0pd?v<1F#NN`}}R9v%Qq0kKlS7zntT!REw){Kl#
z`<HO#P2c`u?q8AAZB0%K12jaqT2ZM_OD~zsTpGVE_hs>^4fck1zZ3Mo{_?uC``WWh
zvR-}XVwQQIG@W_6Mtf&ET<0gF`$lZ4i6+ypxqEi)Go5~EZeZ7P?YB#d>{#AwW&dP6
Xv-DA!)N>zq1|aZs^>bP0l+XkKn#fP;

delta 136
zcmcc0xP)<nN`1Dci(^Q|t+%Ha3N{!BFc@5GbY6UuL8kh_gf$mpSM3V>yP2upLuh`Y
zkF<zuAR3xdKeh7Qw8y*pVj|z&d#@V0O)7AE$jxY%+oCX~`=)GlnPM8cZ1a@jsz|vd
XLcE7wRhs{200K`}KbLh*35-nuFLyU-

diff --git a/masonry/screenshots/scrollbar_collapsed.png b/masonry/screenshots/scrollbar_collapsed.png
new file mode 100644
index 0000000000000000000000000000000000000000..af0b4a6cdb22fe64534751bbaf1817f67e72defe
GIT binary patch
literal 150
zcmeAS@N?(olHy`uVBq!ia0vp^B0zkC14uBOm7CWJq+&f?978H@y*;sz_ke<c!^L&Q
zEWK&W1#cRiH!<yA5W!vVo0*l@toFZK|DLM<y1u}<HL=eNSM+5V=wF@cD8O=1{Bp?L
vlL;@Xzb6EEWxMKheNXzp(xkuvLjR9QKQi>0_Vne$3Xp}Ku6{1-oD!M<g0wgo

literal 0
HcmV?d00001

diff --git a/masonry/screenshots/scrollbar_default.png b/masonry/screenshots/scrollbar_default.png
index fe787c28624f57f7cc153bfdb473dd7cca731847..c23e07dcec08c1834572d6aa1979dcdfba900bb5 100644
GIT binary patch
delta 190
zcmZ3-c#Cm@O8r7l7srr_TW?P<<ZW>falM%PTv#B)!HGjGYXOT)$_mEL*=7P;oLH|I
zoV=a#WL1A;X}`Vv<|Hn|wv`6U`)`)0Xv$9Be?`$Vh->TaFM*M7?xyaU606+mv@k$J
zgsau*XTGFg>hlMBXV>NA-&q<X=UFxFQtX=B@20$4Yh1svEbhAb&aLK0*Q`2oZ%PkL
e4^%76gs-gry^qSS3Atu40D-5gpUXO@geCwB)Kba-

delta 146
zcmcb`xQ=mxN`0xPi(^Q|t+%Ha3N|~4xL(}yS;Ax%-+_zle4gC5xx2P~us1F&yxD0R
z9#bCYIVmweSN>D<`t#4ju0GS-bT9OKmjXu<7=7Z8T(>IwrPAe}HqWoPZjwDd&2Cbm
lkG`h>iz7OEvfKRr3f@B}(r4~v;AUW8@O1TaS?83{1OPxGJ4*ln

diff --git a/masonry/screenshots/scrollbar_down.png b/masonry/screenshots/scrollbar_down.png
index b4bc6e97831cecc1736b6712175ea0f3f557040f..6cc8a4e12b51a730acd411028d398363ab1818a4 100644
GIT binary patch
delta 164
zcmZ3$cz|(&N`1Shi(^Q|t+&?~^0qjLxCY*ebPxE#(Bw3sg-e6YnN`GreamNaN#ioN
zGitNvJnygH{ySv7vjB@DGMZ4Y{&&y1;&|t_zcu%Z<+V<Hb8)eWwv_Dmus)V#6g#oZ
z_h`ya<+pJ#JwJ6%vhPb&dm@oJL)OM}%@U0!6NPx+3y;OrrCjtGfWXt$&t;ucLK6Tq
C>^xuq

delta 131
zcmX@WxPWnjN=>?_i(^Q|t+&?=1rI0)FdV$$>D<p^<)gslJi~!$ksVXeU!PTH;`TGW
z+jTjXqe%e;ePRwezQQu-ndRms9?^oUmwMb6+^q~#vB#s%?bGSW^4i*63il_o?>6BR
U(|t7MG6N8Jy85}Sb4q9e0M+*}{{R30

diff --git a/masonry/screenshots/scrollbar_horizontal.png b/masonry/screenshots/scrollbar_horizontal.png
index 6a37404a38a3dddc46725696ee2895f3d42c06a9..9a2daebc48ceb209c12641b2aa364f972760cbaf 100644
GIT binary patch
delta 172
zcmZ3+c!F_)N`1eli(^Q|t+!YAavpM!Xn44$cu}h`htf7HXSWT(k9ek)MJl_7on)E$
z@WCbrg$c?9Ezj>hXnen%%X%f(!<zba?+PuaF<D;my}f?j@4fl04zKEcEPL-~OHNQ*
zwx=yza)Mc^n7z8d;;m;lS?`y7q@!XkfC^Mmxf716S++bX>o^(og#idWUHx3vIVCg!
E07be&jsO4v

delta 138
zcmX@XxQuavN`0=Ui(^Q|t+!V;@;U^Fv|ZfI7q~jtA)SBjC9Zt&sawC~EZ8}5Pr*K3
zzoPf@XWh931ST9`B)cpmIi52`(|uL#?AHxbv~TV#Q}BB|HQju_0zR<6@y@M3yoX+V
SQ@h9j1fH&bF6)?`5}E*QhcuP|

diff --git a/masonry/screenshots/scrollbar_horizontal_hovered.png b/masonry/screenshots/scrollbar_horizontal_hovered.png
deleted file mode 100644
index 9a2daebc48ceb209c12641b2aa364f972760cbaf..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 200
zcmeAS@N?(olHy`uVBq!ia0vp^CxF<914uB~Se>>7QvIGTjv*Dd-d^3ydB{Pc;o+L%
zMXkadO53cQ-8KY2;+a+!sq7kdl4a(@2b&xeCMXxQJiq&(@%?fx>y=y&YwFj%E3}-(
zWO>E+_WE_d_vW`cysG!H?7g2YIYDjNp0;qw31+Ec_UZzQx1QZ(y<hH;j*7VeJ}}{^
Ynq|wQvW}BMUqDXuboFyt=akR{04O^}BLDyZ

diff --git a/masonry/screenshots/scrollbar_hovered.png b/masonry/screenshots/scrollbar_hovered.png
deleted file mode 100644
index c23e07dcec08c1834572d6aa1979dcdfba900bb5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 218
zcmeAS@N?(olHy`uVBq!ia0vp^MnHUm14uCR$G#N;QVTs@978H@y*<5<x5Yuk^<wUG
zVSx|_Cl0Z!1uQZtD;PUxn+a@jV!dK;@^;FTRsE5r{r2*klei4qRvIktzgeQ9DLZ-p
z6-Cb=uC2Sj1V+BOo4RL8ta7W<!T=2su2!d?`I3IA&mZWWU6+%8XK9R_XVtVzv1@L>
zoAPe0as9@!xa&K&njc-W>dd_<Juod$oiGEwvikQvD!V4+ngMdOr>mdKI;Vst08d?2
Apa1{>

diff --git a/masonry/src/properties/mod.rs b/masonry/src/properties/mod.rs
index 8d1980c0f..55cb70571 100644
--- a/masonry/src/properties/mod.rs
+++ b/masonry/src/properties/mod.rs
@@ -12,6 +12,7 @@ mod line_breaking;
 mod object_fit;
 mod placeholder_color;
 mod progress_bar;
+mod scroll_bar;
 mod selection;
 mod slider;
 mod step_input;
@@ -25,6 +26,7 @@ pub use line_breaking::*;
 pub use object_fit::*;
 pub use placeholder_color::*;
 pub use progress_bar::*;
+pub use scroll_bar::*;
 pub use selection::*;
 pub use slider::*;
 pub use step_input::*;
diff --git a/masonry/src/properties/scroll_bar.rs b/masonry/src/properties/scroll_bar.rs
new file mode 100644
index 000000000..a65ac9aba
--- /dev/null
+++ b/masonry/src/properties/scroll_bar.rs
@@ -0,0 +1,15 @@
+// Copyright 2026 the Xilem Authors
+// SPDX-License-Identifier: Apache-2.0
+
+use crate::core::Property;
+
+/// Declares if the scroll bar collapses when not being hovered.
+#[derive(Default, Clone, Copy, Debug, PartialEq)]
+pub struct Collapsible(pub bool);
+
+impl Property for Collapsible {
+    fn static_default() -> &'static Self {
+        static DEFAULT: Collapsible = Collapsible(false);
+        &DEFAULT
+    }
+}
diff --git a/masonry/src/widgets/scroll_bar.rs b/masonry/src/widgets/scroll_bar.rs
index 9760b6fac..9446085b3 100644
--- a/masonry/src/widgets/scroll_bar.rs
+++ b/masonry/src/widgets/scroll_bar.rs
@@ -9,11 +9,12 @@ use crate::core::keyboard::{Key, KeyState, NamedKey};
 use crate::core::{
     AccessCtx, AccessEvent, AllowRawMut, ChildrenIds, EventCtx, LayoutCtx, MeasureCtx, NoAction,
     PaintCtx, PointerButtonEvent, PointerEvent, PointerUpdate, PropertiesMut, PropertiesRef,
-    RegisterCtx, TextEvent, UpdateCtx, Widget, WidgetId, WidgetMut,
+    RegisterCtx, TextEvent, UsesProperty, Widget, WidgetId, WidgetMut,
 };
 use crate::imaging::Painter;
 use crate::kurbo::{Axis, Point, Rect, Size, Stroke};
 use crate::layout::LenReq;
+use crate::properties::Collapsible;
 use crate::theme;
 
 // TODO
@@ -167,6 +168,8 @@ impl ScrollBar {
     }
 }
 
+impl UsesProperty<Collapsible> for ScrollBar {}
+
 // --- MARK: IMPL WIDGET
 impl Widget for ScrollBar {
     type Action = NoAction;
@@ -369,9 +372,12 @@ impl Widget for ScrollBar {
     fn paint(
         &mut self,
         ctx: &mut PaintCtx<'_>,
-        _props: &PropertiesRef<'_>,
+        props: &PropertiesRef<'_>,
         painter: &mut Painter<'_>,
     ) {
+        let cache = ctx.property_cache();
+        let collapsible = props.get::<Collapsible>(cache).0;
+
         let radius = theme::SCROLLBAR_RADIUS;
         let edge_width = theme::SCROLLBAR_EDGE_WIDTH;
         let cursor_padding = theme::SCROLLBAR_PAD;
@@ -379,7 +385,7 @@ impl Widget for ScrollBar {
         let scrollbar_width = theme::SCROLLBAR_WIDTH;
 
         let size = ctx.content_box_size();
-        let inset_start = if ctx.is_hovered() || self.grab_anchor.is_some() {
+        let inset_start = if !collapsible || ctx.is_hovered() || self.grab_anchor.is_some() {
             cursor_padding
         } else {
             cursor_padding + scrollbar_width / 2.
@@ -480,9 +486,6 @@ mod tests {
 
         assert_render_snapshot!(harness, "scrollbar_default");
 
-        harness.mouse_move((5., 50.));
-        assert_render_snapshot!(harness, "scrollbar_hovered");
-
         assert!(harness.pop_action_erased().is_none());
 
         harness.mouse_click_on(scrollbar_id, None);
@@ -500,6 +503,17 @@ mod tests {
         assert_render_snapshot!(harness, "scrollbar_bottom");
     }
 
+    #[test]
+    fn collapsible_scrollbar() {
+        let widget = NewWidget::new(ScrollBar::new(Axis::Vertical, 200.0, 600.0))
+            .with_props(Collapsible(true))
+            .with_props(Dimensions::FIT);
+
+        let mut harness = TestHarness::create_with_size(test_property_set(), widget, (20, 200));
+
+        assert_render_snapshot!(harness, "scrollbar_collapsed");
+    }
+
     #[test]
     fn horizontal_scrollbar() {
         let widget = NewWidget::new(ScrollBar::new(Axis::Horizontal, 200.0, 600.0))
@@ -510,9 +524,6 @@ mod tests {
 
         assert_render_snapshot!(harness, "scrollbar_horizontal");
 
-        harness.mouse_move((50., 5.));
-        assert_render_snapshot!(harness, "scrollbar_horizontal_hovered");
-
         assert!(harness.pop_action_erased().is_none());
 
         harness.mouse_click_on(scrollbar_id, None);

From 0093c3dbe4e6f661941a9ab29b57fdbf7d9b104a Mon Sep 17 00:00:00 2001
From: Muhammad Ragib Hasin <ragib.hasin@gmail.com>
Date: Fri, 8 May 2026 01:20:49 +0600
Subject: [PATCH 6/6] Fix checking for changed properties

---
 masonry/src/widgets/scroll_bar.rs | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/masonry/src/widgets/scroll_bar.rs b/masonry/src/widgets/scroll_bar.rs
index 9446085b3..e0bf27d48 100644
--- a/masonry/src/widgets/scroll_bar.rs
+++ b/masonry/src/widgets/scroll_bar.rs
@@ -1,6 +1,8 @@
 // Copyright 2022 the Xilem Authors
 // SPDX-License-Identifier: Apache-2.0
 
+use std::any::TypeId;
+
 use accesskit::{Node, Role};
 use include_doc_path::include_doc_path;
 use tracing::{Span, trace_span};
@@ -9,7 +11,7 @@ use crate::core::keyboard::{Key, KeyState, NamedKey};
 use crate::core::{
     AccessCtx, AccessEvent, AllowRawMut, ChildrenIds, EventCtx, LayoutCtx, MeasureCtx, NoAction,
     PaintCtx, PointerButtonEvent, PointerEvent, PointerUpdate, PropertiesMut, PropertiesRef,
-    RegisterCtx, TextEvent, UsesProperty, Widget, WidgetId, WidgetMut,
+    Property, RegisterCtx, TextEvent, UpdateCtx, UsesProperty, Widget, WidgetId, WidgetMut,
 };
 use crate::imaging::Painter;
 use crate::kurbo::{Axis, Point, Rect, Size, Stroke};
@@ -341,6 +343,12 @@ impl Widget for ScrollBar {
 
     fn register_children(&mut self, _ctx: &mut RegisterCtx<'_>) {}
 
+    fn property_changed(&mut self, ctx: &mut UpdateCtx<'_>, property_type: TypeId) {
+        if Collapsible::matches(property_type) {
+            ctx.request_paint_only();
+        }
+    }
+
     fn measure(
         &mut self,
         _ctx: &mut MeasureCtx<'_>,