From 4c637b56dd77f83788d7dcd0caf495689f5787c9 Mon Sep 17 00:00:00 2001
From: "Maarten A. Breddels" <maartenbreddels@gmail.com>
Date: Fri, 16 Jun 2023 14:44:07 +0200
Subject: [PATCH] fixes size containe

---
 tests/integration/latex_test.py               |   3 ++-
 ..._solara-flask-chromium-linux-reference.png | Bin 1525 -> 1274 bytes
 ...ara-starlette-chromium-linux-reference.png | Bin 1525 -> 1274 bytes
 3 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/tests/integration/latex_test.py b/tests/integration/latex_test.py
index 5d150f942..4fab2e7d5 100644
--- a/tests/integration/latex_test.py
+++ b/tests/integration/latex_test.py
@@ -7,7 +7,8 @@ def test_widget_latex_solara(solara_test, page_session: playwright.sync_api.Page
     # we tried a FloatSlider before, but that seems to give unstable images (handle moves around randomly)
     label = widgets.Label(value=r"$E \sim mc^2$")
     label.add_class("test-class-latex")
-    display(label)
+    container = widgets.VBox([label], layout={"width": "200px", "height": "100px"})
+    display(container)
 
     page_session.locator(".test-class-latex >> .mjx-c1D438").wait_for()
     page_session.evaluate("document.fonts.ready")
diff --git a/tests/ui/snapshots/tests/integration/latex_test.py/test_widget_latex_solara-flask-chromium-linux-reference.png b/tests/ui/snapshots/tests/integration/latex_test.py/test_widget_latex_solara-flask-chromium-linux-reference.png
index c7e358459541005e1634355bf7cffe1c6ffa9665..2c03a86a7e2457bf659637b326a8e5ebdbbb27e2 100644
GIT binary patch
literal 1274
zcmV<W1O@wvP)<h;3K|Lk000e1NJLTq006`Q000~a1^@s6KFbg(00001b5ch_0Itp)
z=>Px(v`IukRCt{2+FeMKZ5+q(??mljR#X&8U>XdC#KndqjSd3I7YLN-ASeP~q6mfN
zK@cUu0>LN{BrrXwFd>T|im*_64{``uX2$S^q-oipRxU#4|2cSg#(ksD(?hbx*8g*M
z-Mg-f-#z&4z6Q5NM1%x%;lc%`rl#=ue4IOXj<svo#yXOU14*$C5DibCJ|!(JjfRE>
zva_>kZ*PxvBo!wTvJhXse4)3u7XX*bMR#|1j1#GNk!&2))YLFAFu<ozpV+!}D=8@{
zhzP-8kXNr>k(-;#&6_u4mGyrsD=VX{tPFs6@802XIAWYg#S2p*+S=Nvs;XjQVuH@j
zPSeEe*RON;?%m%SZmGV0{mSjzw>f|Qe5|9WIAJ<6&Ck!%-``Jue*S`qg@uKrr>Fn6
zU`sVWKhK#nXJ~G2#%i_3I*y7Hra}x44-*UqO@(M`Y64((c9x8cjNhAX2`*i_L}g_q
z8#Zj9qoX6%aa5cz9htmdF91%blTau`Pfrh1Q&RwJ+_;hI>guS32#3R*K7E>jfdP&m
zKhC2^j|hcAyng+fy1F`MXJ@&0?;g|B(`097<953vYu~(iLu+d*si~>V%*=4;&><!#
zC-HbZcsw2eii?Y*l3OJpF*tJMh~(wv$$<k0WbfX+l9Q7o9UUF=GoesOPM$m|#l^+a
z*w`qaKYv~@XLxv6#>dAOUEkH!C0?&r4j(=&`T6-WGBP3}A}uW~;&3>mtE)>yM23cj
zBr7XRzJ2>9A|g+oJQ0`6C1Yb_5)OyO<#I_=Q`1lLD)nznM<%b=OHok~7cX9<v$K=(
z@^V}*7XWYHzU9Y{AB&c%rKJUj!@-p+SFqV^R99CsK0a=m^Z4;&R;^mK==$Z$m*aFg
zdHM1swY9Zu+O!FP4<9~|mzT$$J$nF{oSejJwX$s4GD4vc_4V~sR#uXknMqPo5~og`
z;^4u9OZ$aTf3!#;#>U2&o}M=Se<&<0#AdSr(A?ZiYHI3&4d&+NSigQf<>lq9S+j=S
zyLWT;>{*T-JI0M0HwXj*ba!_%Iy%aV6)P4EQBqRE#KZ)Czn|^fw@0o&fBxJwe(>M{
z1qB5pCnxjl*)u+V{K(FoJ0qW$mX@+|<;o>|9qLaPDMVjiAAqS4yLRmYptrXdyWNh(
zVp*_3AP^uoH`jD6BO`;hwl)R_2id=WKMx;1q@khVKZEr3^|5Z<Ix;geBm4S%zQ_}5
zZf=e{ckWPHT8hu-V`ylIw6rv`va){VzLi?sKW8Vm+bvF~bHSPF{{8#1ZQC{p1Oib#
zyVcj%%h97pBja1QZi(G)mvA^NA|n0${bIA(Bp3{e+wGPYFJ4GaPL3(p)vH(K+O=y@
z&8ZSwa!*eWmoHz&>-Cb7l0sEg6&8zya5#+L@5kr!QBhIB>eZ{GT1>y+PfbltWc>d9
zdnzg_NJ{$qA+~w*X0~kE!if_n*tc&VcDo&q$3tUdBUY=G@87?(W5*6kN=l-dQzbTw
zNMgS2s?@JY$d~(+`c+y8r3|zXN*QP&lrqplC}p69P|83Hp_G9ZLMa0+gi;1t2&D|P
k5K0+nA(S%ELMUbM7qK@Wzw=Md@Bjb+07*qoM6N<$f^s8TumAu6

literal 1525
zcmeAS@N?(olHy`uVBq!ia0y~yVEF=M%W$v($!8BAP6kqp#X;^)4C~IxykuZtUGM4Q
z7*a9k?cHdP$@vV&Ki+SPGKfx@;%dOJ=;S$V(h~)Z2|>yMmsazM%Pl&v%U}_QVPa!|
z2#2hOvzC{YpopLt*R+hSq6@>sn7fx`&UEZndz$#a`$zx(?x2t5R^s>1-~Ifqa{k|M
zasMjj?N!@<|GhZS0YK2OA%U+H!en5m?{ngZusM`Psvs-}iB68vhLc6l&Paa!`t{`7
zve!2@CeJd@k6WS42vH&YE&Sbu?A+YYl9DZ2+S*g+%vrNJ{d}915JXx)q&{`w_ot`D
zO-)TbCm9(TUAb^U;E@Z|^a6>#JJY63TeWv@?0mc0ORGXxi%3dp?!T|U{`%^3=lqr~
zS@Po9+1U$E{W@M$Ts(F5Y;Dh~@9*Ybx^&5D4hO^t4nF6F;nC5nA3aL?`sK@tef#bi
zeEjwG^{(pg@20fPUa>xY|Eq6rZ(CJ<N?EZOqJzOP(W1!O%4*ee|M^)@Pfbl$yY;qA
zH)cn{sV3hmFJ7$Zld)VhYnD``&a{BzP(L;u3V5-%>Z@1W`s)ENWbJAqCYhL+sLVcV
zw)LgjgFin%YiVg+TIAYY^6}A8Bs~RBu01XCoOJ2(<)@#2Ub%4t=r}vipqQ9BUS3{m
zsz*+o=-`vJTJr5%nXE;D1HYWjg!9iYcZ=(9ss5hF%gg)n-rnk0@85?P6>U0o`ZV+R
zveMF*UtV7B>gu|*J^%ie<l}r_zkNIPu;9eQ0*^`8*2mjx?u59uVP)E<-+%wrv!|w}
zW@Tnx>=M=f^7uHvZS^-FQBl!bdn!Nci%ZJLgp`(Uo#VIs+M3A4bFIs>zP-8GW(f?f
zYiDK}i;9bzKl_(`eVwMFqGM@kY1OAEoqF;6)*LzFGS{Ne2`F-FfBk+gZtkmBuP)`4
zHe0cIbFf&q>)N$zwe<C`Pt^`j*?e=#%$X~jnwZ|+-EHpC&khOs8F4)Bd9ixaH*MNf
z^6rl1)$7-__4WNFB_$`-i51=7UoT%i@$vC~ZCzd8>3Xq2K|zy%0rlnE+vvk{rcDz&
zJJUG*&hPZIvzC7OQc_w{l5u@qte20^6qVW^9~@6l(+y5cT&S{g`}T04ON`UbfC6)#
zZFNXU$dVsFDrTNd3k?m;{Qd2%aJ3S|F$YY<G``&1Q@Qxxzq-T!pWl32rmCvyIVmeE
zOGH%EG_CRB!$jSP4Gxu+m9wnN*O}$sTC&)^KkNR!+FgZ@+t}FHfa!R_yLWk!Yp)eL
zr=+K^UcTI2uHSui_<FvW`aeH5Cf>PoXU&;2KCUh<E7q>{mA9|Eva9qp)BNX8p7h+5
zgeKlUzD%w2F29_j;=FKs;bS+?py1%iK%8nc^O%l-fx&_)Q$!A%&OW>B)~zVp`hPLe
z+w-pe{rx>OGV<qX1;6FNpP!!(uc@g?h~0i$_J*Q`jm;YC@^>2Q>h5{lqxIwWg#dG;
zkdV;7^Y1~W4iFp)dazUisL#;QFltZ5#zd#$;>~<=HY<SU_U?Ab$yt+>oP0cHd(_(f
zx*z|&zPQ+Z)9ts79}l<lr*4hfnsQReGsxY&eNWtaVEl!IhAz#$z3t_dmBGLM{M?+B
zl%(PrzCLd1&73et$Aj|q`Vboh{FJ1mrAr?kV%-^|=j!IRYR8TUwaK2!%F3TAY>IZ@
zJ$3#(|CF@JM<0J&v1N;iLEZm<dp~{toND&}j?0dcmqEJm`(i+8c2jCMFj$@zScJsJ
z>UJMpbnu|#+SuJ;H*emYJWCj26Nl>I=sak4^~ryB-yh00hz)oFWhS;@E8iAgV1}4*
zh@({w>S{L)P-zVW4F*mNp^3LekjoY#sL=C=S*dKHTpsIXHIRs>tDnm{r-UW|qGOzT

diff --git a/tests/ui/snapshots/tests/integration/latex_test.py/test_widget_latex_solara-starlette-chromium-linux-reference.png b/tests/ui/snapshots/tests/integration/latex_test.py/test_widget_latex_solara-starlette-chromium-linux-reference.png
index c7e358459541005e1634355bf7cffe1c6ffa9665..2c03a86a7e2457bf659637b326a8e5ebdbbb27e2 100644
GIT binary patch
literal 1274
zcmV<W1O@wvP)<h;3K|Lk000e1NJLTq006`Q000~a1^@s6KFbg(00001b5ch_0Itp)
z=>Px(v`IukRCt{2+FeMKZ5+q(??mljR#X&8U>XdC#KndqjSd3I7YLN-ASeP~q6mfN
zK@cUu0>LN{BrrXwFd>T|im*_64{``uX2$S^q-oipRxU#4|2cSg#(ksD(?hbx*8g*M
z-Mg-f-#z&4z6Q5NM1%x%;lc%`rl#=ue4IOXj<svo#yXOU14*$C5DibCJ|!(JjfRE>
zva_>kZ*PxvBo!wTvJhXse4)3u7XX*bMR#|1j1#GNk!&2))YLFAFu<ozpV+!}D=8@{
zhzP-8kXNr>k(-;#&6_u4mGyrsD=VX{tPFs6@802XIAWYg#S2p*+S=Nvs;XjQVuH@j
zPSeEe*RON;?%m%SZmGV0{mSjzw>f|Qe5|9WIAJ<6&Ck!%-``Jue*S`qg@uKrr>Fn6
zU`sVWKhK#nXJ~G2#%i_3I*y7Hra}x44-*UqO@(M`Y64((c9x8cjNhAX2`*i_L}g_q
z8#Zj9qoX6%aa5cz9htmdF91%blTau`Pfrh1Q&RwJ+_;hI>guS32#3R*K7E>jfdP&m
zKhC2^j|hcAyng+fy1F`MXJ@&0?;g|B(`097<953vYu~(iLu+d*si~>V%*=4;&><!#
zC-HbZcsw2eii?Y*l3OJpF*tJMh~(wv$$<k0WbfX+l9Q7o9UUF=GoesOPM$m|#l^+a
z*w`qaKYv~@XLxv6#>dAOUEkH!C0?&r4j(=&`T6-WGBP3}A}uW~;&3>mtE)>yM23cj
zBr7XRzJ2>9A|g+oJQ0`6C1Yb_5)OyO<#I_=Q`1lLD)nznM<%b=OHok~7cX9<v$K=(
z@^V}*7XWYHzU9Y{AB&c%rKJUj!@-p+SFqV^R99CsK0a=m^Z4;&R;^mK==$Z$m*aFg
zdHM1swY9Zu+O!FP4<9~|mzT$$J$nF{oSejJwX$s4GD4vc_4V~sR#uXknMqPo5~og`
z;^4u9OZ$aTf3!#;#>U2&o}M=Se<&<0#AdSr(A?ZiYHI3&4d&+NSigQf<>lq9S+j=S
zyLWT;>{*T-JI0M0HwXj*ba!_%Iy%aV6)P4EQBqRE#KZ)Czn|^fw@0o&fBxJwe(>M{
z1qB5pCnxjl*)u+V{K(FoJ0qW$mX@+|<;o>|9qLaPDMVjiAAqS4yLRmYptrXdyWNh(
zVp*_3AP^uoH`jD6BO`;hwl)R_2id=WKMx;1q@khVKZEr3^|5Z<Ix;geBm4S%zQ_}5
zZf=e{ckWPHT8hu-V`ylIw6rv`va){VzLi?sKW8Vm+bvF~bHSPF{{8#1ZQC{p1Oib#
zyVcj%%h97pBja1QZi(G)mvA^NA|n0${bIA(Bp3{e+wGPYFJ4GaPL3(p)vH(K+O=y@
z&8ZSwa!*eWmoHz&>-Cb7l0sEg6&8zya5#+L@5kr!QBhIB>eZ{GT1>y+PfbltWc>d9
zdnzg_NJ{$qA+~w*X0~kE!if_n*tc&VcDo&q$3tUdBUY=G@87?(W5*6kN=l-dQzbTw
zNMgS2s?@JY$d~(+`c+y8r3|zXN*QP&lrqplC}p69P|83Hp_G9ZLMa0+gi;1t2&D|P
k5K0+nA(S%ELMUbM7qK@Wzw=Md@Bjb+07*qoM6N<$f^s8TumAu6

literal 1525
zcmeAS@N?(olHy`uVBq!ia0y~yVEF=M%W$v($!8BAP6kqp#X;^)4C~IxykuZtUGM4Q
z7*a9k?cHdP$@vV&Ki+SPGKfx@;%dOJ=;S$V(h~)Z2|>yMmsazM%Pl&v%U}_QVPa!|
z2#2hOvzC{YpopLt*R+hSq6@>sn7fx`&UEZndz$#a`$zx(?x2t5R^s>1-~Ifqa{k|M
zasMjj?N!@<|GhZS0YK2OA%U+H!en5m?{ngZusM`Psvs-}iB68vhLc6l&Paa!`t{`7
zve!2@CeJd@k6WS42vH&YE&Sbu?A+YYl9DZ2+S*g+%vrNJ{d}915JXx)q&{`w_ot`D
zO-)TbCm9(TUAb^U;E@Z|^a6>#JJY63TeWv@?0mc0ORGXxi%3dp?!T|U{`%^3=lqr~
zS@Po9+1U$E{W@M$Ts(F5Y;Dh~@9*Ybx^&5D4hO^t4nF6F;nC5nA3aL?`sK@tef#bi
zeEjwG^{(pg@20fPUa>xY|Eq6rZ(CJ<N?EZOqJzOP(W1!O%4*ee|M^)@Pfbl$yY;qA
zH)cn{sV3hmFJ7$Zld)VhYnD``&a{BzP(L;u3V5-%>Z@1W`s)ENWbJAqCYhL+sLVcV
zw)LgjgFin%YiVg+TIAYY^6}A8Bs~RBu01XCoOJ2(<)@#2Ub%4t=r}vipqQ9BUS3{m
zsz*+o=-`vJTJr5%nXE;D1HYWjg!9iYcZ=(9ss5hF%gg)n-rnk0@85?P6>U0o`ZV+R
zveMF*UtV7B>gu|*J^%ie<l}r_zkNIPu;9eQ0*^`8*2mjx?u59uVP)E<-+%wrv!|w}
zW@Tnx>=M=f^7uHvZS^-FQBl!bdn!Nci%ZJLgp`(Uo#VIs+M3A4bFIs>zP-8GW(f?f
zYiDK}i;9bzKl_(`eVwMFqGM@kY1OAEoqF;6)*LzFGS{Ne2`F-FfBk+gZtkmBuP)`4
zHe0cIbFf&q>)N$zwe<C`Pt^`j*?e=#%$X~jnwZ|+-EHpC&khOs8F4)Bd9ixaH*MNf
z^6rl1)$7-__4WNFB_$`-i51=7UoT%i@$vC~ZCzd8>3Xq2K|zy%0rlnE+vvk{rcDz&
zJJUG*&hPZIvzC7OQc_w{l5u@qte20^6qVW^9~@6l(+y5cT&S{g`}T04ON`UbfC6)#
zZFNXU$dVsFDrTNd3k?m;{Qd2%aJ3S|F$YY<G``&1Q@Qxxzq-T!pWl32rmCvyIVmeE
zOGH%EG_CRB!$jSP4Gxu+m9wnN*O}$sTC&)^KkNR!+FgZ@+t}FHfa!R_yLWk!Yp)eL
zr=+K^UcTI2uHSui_<FvW`aeH5Cf>PoXU&;2KCUh<E7q>{mA9|Eva9qp)BNX8p7h+5
zgeKlUzD%w2F29_j;=FKs;bS+?py1%iK%8nc^O%l-fx&_)Q$!A%&OW>B)~zVp`hPLe
z+w-pe{rx>OGV<qX1;6FNpP!!(uc@g?h~0i$_J*Q`jm;YC@^>2Q>h5{lqxIwWg#dG;
zkdV;7^Y1~W4iFp)dazUisL#;QFltZ5#zd#$;>~<=HY<SU_U?Ab$yt+>oP0cHd(_(f
zx*z|&zPQ+Z)9ts79}l<lr*4hfnsQReGsxY&eNWtaVEl!IhAz#$z3t_dmBGLM{M?+B
zl%(PrzCLd1&73et$Aj|q`Vboh{FJ1mrAr?kV%-^|=j!IRYR8TUwaK2!%F3TAY>IZ@
zJ$3#(|CF@JM<0J&v1N;iLEZm<dp~{toND&}j?0dcmqEJm`(i+8c2jCMFj$@zScJsJ
z>UJMpbnu|#+SuJ;H*emYJWCj26Nl>I=sak4^~ryB-yh00hz)oFWhS;@E8iAgV1}4*
zh@({w>S{L)P-zVW4F*mNp^3LekjoY#sL=C=S*dKHTpsIXHIRs>tDnm{r-UW|qGOzT