From bcc4ecf0cb2b73edb02ef6efb1f963fa2a3b7a23 Mon Sep 17 00:00:00 2001 From: Michael Telatynski <7t3chguy@gmail.com> Date: Mon, 31 Mar 2025 14:37:25 +0100 Subject: [PATCH] Ensure clicks on spoilers do not get handled by the hidden content (#29618) * Ensure clicks on spoilers do not get handled by the hidden content Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Add test Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --- playwright/e2e/timeline/timeline.spec.ts | 40 ++++++++++++++++++ playwright/pages/ElementAppPage.ts | 2 +- .../timeline.spec.ts/spoiler-linux.png | Bin 0 -> 5240 bytes .../spoiler-uncovered-linux.png | Bin 0 -> 6619 bytes res/css/views/rooms/_EventTile.pcss | 2 + 5 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 playwright/snapshots/timeline/timeline.spec.ts/spoiler-linux.png create mode 100644 playwright/snapshots/timeline/timeline.spec.ts/spoiler-uncovered-linux.png diff --git a/playwright/e2e/timeline/timeline.spec.ts b/playwright/e2e/timeline/timeline.spec.ts index d6f791e50b..e5bfa0c71b 100644 --- a/playwright/e2e/timeline/timeline.spec.ts +++ b/playwright/e2e/timeline/timeline.spec.ts @@ -1341,4 +1341,44 @@ test.describe("Timeline", () => { ); }); }); + + test.describe("spoilers", { tag: "@screenshot" }, () => { + test("clicking a spoiler containing the pill de-spoilers on 1st click, then follows link on 2nd", async ({ + page, + user, + app, + room, + }) => { + // View room + await page.goto(`/#/room/${room.roomId}`); + + // Send a spoilered pill + await app.client.sendMessage(room.roomId, { + msgtype: "m.text", + body: user.userId, + format: "org.matrix.custom.html", + formatted_body: `https://matrix.to/#/${user.userId}`, + }); + + const screenshotOptions = { + css: ` + .mx_MessageTimestamp { + display: none !important; + } + `, + }; + + const eventTile = page.locator(".mx_RoomView_body .mx_EventTile_last"); + await expect(eventTile).toMatchScreenshot("spoiler.png", screenshotOptions); + + const rightPanelButton = page.getByText("Share profile"); + const pill = page.locator(".mx_UserPill"); + await pill.click({ force: true }); // force to click the spoiler wrapper instead + await expect(eventTile).toMatchScreenshot("spoiler-uncovered.png", screenshotOptions); + await expect(rightPanelButton).not.toBeVisible(); // assert the right panel is not yet open + + await pill.click(); + await expect(rightPanelButton).toBeVisible(); // assert the right panel is open + }); + }); }); diff --git a/playwright/pages/ElementAppPage.ts b/playwright/pages/ElementAppPage.ts index 15b475a5d1..afc814b3e1 100644 --- a/playwright/pages/ElementAppPage.ts +++ b/playwright/pages/ElementAppPage.ts @@ -114,7 +114,7 @@ export class ElementAppPage { * @param isRightPanel whether to select the right panel composer, otherwise the main timeline composer */ public getComposerField(isRightPanel?: boolean): Locator { - return this.getComposer(isRightPanel).locator("[contenteditable]"); + return this.getComposer(isRightPanel).locator("div[contenteditable]"); } /** diff --git a/playwright/snapshots/timeline/timeline.spec.ts/spoiler-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/spoiler-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..529d254dc4b010debb78008de4b4d299e906fbbe GIT binary patch literal 5240 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 literal 0 HcmV?d00001 diff --git a/playwright/snapshots/timeline/timeline.spec.ts/spoiler-uncovered-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/spoiler-uncovered-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..41d5bc8beecca504ea01941f659c2412998af6c0 GIT binary patch literal 6619 zcmZ`;by$>Nu>Jrg1wjdELAsS*N4NB3dWbnFS2zxbsbA{eRuD~wwk}grsGrM>m^n`-T-Ko20z??|E`1QtupA(Y=C9XeGOVoz1z-f zvR6456UG2!jQVuSsE4M(9i!7IJK{4l$S3Gbn7Mu7AY5KmGuBd!MH;*FtDlKOWOwjy zCev!&))G1{-s=%b+y~n}A_*HIl(Jzcisc*rsVPYIsRTpvPwbE87zX@(`s@;n-*`PK=(BGtYAS0YZT+*h^J=ZW^c%=Vd(fe9HbR_T8_Ic2pR6HnT1TnC?_Go z!#S!27cPlh%Vp$C)M*>ARec#~pK6Z|o#x0_DESR0KF=w*RVtbcsJm{sn_A-eV;Y1) zWMcr<-oisUj?w7$DF#R0NRE0{q2?qM1MabN*4P z^h-O;XktFShGEr`H)try#7i~&9!Wwt6OZTWOx(Sq;dE?jR=>K%S&A<3ps4MhF5XyFn_;m*>mZ>6bbLmsC{!mVAuxX z>Z@4#!D+fS?_f_gO}GX;h6#H$r;mnG{ViH`FbQr;5r4{zEH z+g0Vdw9RME!KiEOHc=Jpn2E4;QX5DDF>(p?4#*VRImWYp-#4$h5Ogdmjd_vEX>wxy z)NAC%xy5Y8=y;!aU&O-!IUCOI{`(EC{Uqps7yE%QVmC zRpuP+bT_pri3aIQ+5b$wB6Ao$0Morok!UT1UhOwK?wnK~ibO_|<9H^c(>fADw=Np;p8gsT$& zycA#DT}rQJLdW`tG6RSr)zUzGQF*85VhJL>wqbr7+hd7+DGDSB?|svkN9Gj?qM4fC z>i+I-ziKnMdYrkpxOuQUu&Gz_Ld^ChTB{L)^x3!{B;UaaGpM;gwEs{h~lil7$WHJVAE9y72*Cu9&C5vEo%?9hdP>4l{+?Oan8g zD2=oxFMFH?B;s?wz#+~B?ASGh=ABrgiK|eHmD^{F#E*}c(v{~7IiLG+=xueuf6jV| z?soZOUwKGX9{Kx>r23_;yfR$LBO&W!Uz|yczugY8;joGzl$vze+LG6T?hNqviNx}1 ztaiy_v^K4%13a)@-DPb^+u*{Df1_-PQB#C$E`g9GFUl%s_>mt~>*|F>@QQ`qUpYEl zFFA^!Evq^gKLc54)paS>TqR45&Y#4$fBV4_x%HVx>{)wn2{e`95g>HWs@Z zI)>Y;8~Hu!beZ|(IGAEe@m^7<*Av(V>4|faTe=V}61jkOzJwN6(PdcE6V_PT^)9^UBz3zF0{}}yjHNk=C*c7| zy|m@J=Eei}yoIs@M4kb((4LK8bGL2APm+TSka~`u>nUK^$5zjVpMrEDF;9q#i_(}N z%S`tzFl3DB#ic}hTjq3wZEMX$6MoC2!d16#0uePfSl*eE*=NzbAYYLUQ}!zYjiJucSgA8*dq5;guJIk z93t#A6Nl|JC*zDz@pK;AjvflW%9uvUo0L@R`F8|>4Rk+IYYY6rr|kVEt-J;E7c9SZ zBQBcWYsUJ|?2mQk0E)hif`Hj8u*F0SM+f4kVO&D^b6T3rKy92sF1*;Lf`*$-NFw-0 zb%PU@l_?cn2#qSPmAf3IdhN>RXWVlPOLqZrw0IE%h61QSkTa+C^N%x8JS{( z;=Z?2+Na02*vexaC-@XWg=@pM`<($Yr{#WD4Ha6+n??Jo>z<{LqXm#jd5^4Ha&JBk zlA^y?Or)-M<3N=S{q!uvK-Snc(E3s2(c?>S20ixb+mzRlV{t#Mpu6NA*SqYAklU+3 z@wq1F33hH7xi86!^gOLzD7pFOpInP^^WA9#GbbeasQ|JFzLC9z*c3;ONBq>_*#8A> zqZTeIzO(7#Vv{tg@wDo)$*c%!aoX$Uqzyb8+H06BGur;gRi0%%*3>8;>wjtJj2|sb zx^Atca!9r0v{V1*8Q5g3DZ_D53sN5beEOLUDRSsw3;M=+$n5U4R(&?G+ za9TCb?WNU33+e#B2B}x3`<>qh{Hf*H=fBf$1BSk{StCA%6NBniB0Y1?VpFk%ak)U;{ zAykIQj1D4h3>>bsTR)|`A^=Fa(=29R`g{0cj8{0F@Rng8A&c2gro68@JAMOi{cfg8 z+~4#@knq>$Y=9>}DcOC0!H@&7_qY9}a9DH0L2%1>>B@`1U z^mE{WgahcS6yw)3=VJ7rOm1V$py=hrK3$Klq#UHj(P-`&{}aq$sh_78XEd$utt*e+ zG2ML1GBWQYz=`F_c8*$%AmEfYBIlA-fC_U^kjCT&(|i%chV6;D#p8( z7$7*1o{jtb57HX|s>nmDsMiOH@voMq@;iJ+^;Qark2)IJDgt{(c%_SAb3v85%f0IqIzoU_NmA7jpC)gX8;9)>uJ-3gq-A zqF=FhBVk#5oTnmNvbR6N({ai2`Y4yW0az~KXU9B%b(^EoCY?NlgE?RSs#}yXj#hLk z4j1bI+X~L~sU(m(f)O79grl- z%6#eQI=fkyTwToKyT4K0>=54&4fx#IzcKJyu=Vmm9&I%Ny}+f_4{zejq$9U=Fq z@I_D>^D%*s`&=a;w+2(sDYm)Y1yTdN^b)2?+-y`+64{C?jkqZcW0?}gXnj(_nTVGFbi7HZV_VMf7LUNOKLND zEaO-0F(*KEcTNnPg2Z~kD68p|)liM1Y8=UWk!lk=q=`OKrj z^>~iDmS|yVY5WJA_CH1l{@#VQPgc9b^^9&{6q!&Y<9^Y&*3XorG;c8rQG3$FXd>Zo ze|Fg!fws6&_p~6dROy8&Gb&0V^t6rD9NvAPrJ!#Z&QVWxVlaJrnE4@WQE=FM=c)WR z?#?G`G;s+L9cw7|DJx1537>ow#_KcWn^4@3bkh= zbMm!2BDHUhcqoR&f9om5*WchL5$(h%l$cex^i~;}2xg_%`?iOdksfv+3;XC#S4uAJ z+Mbt1)bI&B*bis!)6bF084xa?;ZJ@?2NB~hLVtZt0zWF0F_uv`#s9vU4W3)rXD0xR zV^&!EI+eY}Q?k^Hi5O6H)+~sjXTBlt^}kQm1ds3)^?YPdVyB&ZVc?Y>mQ^qtH*yh~ zma_A?e&;g?IK*~6d%<}e=^2$ofmkz_JDGW)n@YJ#BMi<2heyA_FKv=on@t#rT^=_| z&WoFQ|NdXf-5)E!YKdzVG{jZd4ZF|DRNd_D1wj{4wK?Xsyk5S68ujV4>1q&3erdZ~t& z{b14)5LBM_co>0>V(ifjGox_2o)`ghS+>-531m)fLSAo=ea}FJ)(b?pi>Ia#GbmO9 z{ANJUw1@{qceBmHUSi8(VM>a6V%Va35JO(|yZ7USEXr0Cj)tV*vEVq(v;%D3Hk5v)@ap>X_z zN)`zJdQlC_A#;;)UtGvp89ko8#splv-0@E@U@xfuf>(5hDYKcwJWg$XO`x)b(jc&m z_HWMJ4HI}1euB|nvs=@zmV=?AZsoNy2@_DBvUT0k6~={1eu2SdECE^%@F%aKJAWlO)n&fgFJEi~bNbs-l@g-CmML04+^aei&)x%$c< za%dj?BVB#M@zC7ym7R5kkUPcMjM#~n&fr&*=#i;im3o*fRS@RkbM(bJBD&ZnbIxp$-!)xJKXpI+k)j{n{n zih!plgAOd!*0RRm2vk-pM5R+iWIPy^s58U9JVSoy^z1xMWLKVPtp7A zpZJMeOFgyPRdRi8@v5$@kInmjI{KH>2I(z=WeJ<)BwgF;Y-;ka$r&wtaW^{%Yg82n z{n-<-urniH8|cKiKs}c#-ET`oewN3M&$?SIruLdkZBlK)6QyAp3UJP3bqJTQqiC>g zKGv8GN*6jl#JFNAjpl@ssyw1pGENB%upP@^BO?~9DZE}h`Pw_AdG(mO3zsK7$ue96 zy<<2!u=-aqY+dkA;)P5551yW(ugjKd416ZtYFd_phGo`b$(>-oHI;s~($wlOj$_Sz z!^8&f_4M@kG%Z@pA&QB+F-zZiu1K{#!$6DCoE%(nd@k0iUX52MKj>z1 zT3b`5q8&2|SlFHMkyE|H2A*Jwc`E4+?x9x<^ixP)k;}vTdPT(5See%0bzE)VxI8ir zK0n7}_8#-LkiMNS+z>&-Waf{=_u2{Mq~pg|UNUxchmuA5F*J;7%4-)Gk=JbP5Axz$ zkJ@|g$7;LG$Y-?N^O2ON&lPdaYmph1Ty<@}5l)=)fyZ6nVPH&-%Ra=il9kc$=(iFT z1%uYcgSUIL?R9%Hs=*imQ04OP#*taK5ihB7=|SR0`00$iRG9fvZ-$Ajtu2g`b{lzW1N42%@PXOVOeeTIi8$rZ8(zsCO9oEd*?QsI)=wcO1iqNO z-(a#7k<}_@hFI_6bCnb?b^GN4hY8v~5!-p$(m!}FBE7sWbg%UdjbP7OCq|QTAVTxH zs@MR!Q2-{Mav?q3p}bb>w|}>%*GKTwv8T>al=KA!BM+*BTiE`WklUvA5Ih*ENTE*? zBG$s=ozHyWSEq?V9T|yL+08fgo{3sOCE5XjNK9lpR4HS%ZA@@ zE5P!gizd!*GU1=ZO~b+nF26mvlO^vX$&u~TCzxn}UyJxZ{$4R3^Z8_V2_4PJ{=kp* zVYTj`h##{cXWzSrtXtDjcR?&&>4-jNeLy>n7isnnkh{64#|piNU8Zhp@eNIGFH@3bX^pud$+xGU;mNPcY5){*~~hRsd0)2=|Ofc-;4?-EqVHQJGTL zyR>mKbb*rRzNvmP6@HpDI)|qk$ofYQEo4u|)}b3?`5X8f)u%@Ya#n!wHHd|ku3EA0 zbI$17z|7_g(VS!6l%RvNsTz>@7mEF)QYl`jbu=b9Ze&-4tF4rCBw~)LYWw!btqSt$ z8T}jO7xQ{kAsnE9gS}w30~w;tvDK#>;99R=cgC3;d?J^(NN(z%sJx9rpF929Y^vM| z{QWxW37+xQal76alb3D&gq^eHW(N#s*Kde8Ii~}jJ!?GDSJuOA$VYQgFX1bcEFGE+ z`4%g&_pLSXU`tvWg#sH5I82+aCTMGnlduF@c~$dHhc~u*XoX>j0(IuICWCOp8S^14 zAI_|jnE8xjzMpn`m$C}3O{zGWg#VY^n1kn|I7lgW!o)=ja9q(co%4k8zT8cs^c;41 zmklIZ6kH{17cDg17p6ja9Iq`&D|XEbNVRs4csD0fsuN9;r1w-uFcsXP`hqKPm+chG zGry-=&iCzEyBDw@!C|H%-c2_NyU-y?!B7NBVY*Wmiuj%G{Uy*r_K%Uu0Iv;yt4Pb0 zS{tvJBHcCk)UN$51>AmzYpEOO_`=8c`niYi{bKizO86X~pE9BckP>Vo+;lcy6WUR) PHGsT~%DYl2)6f3{vxD6{ literal 0 HcmV?d00001 diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss index 54f91bd5f4..b4172fc003 100644 --- a/res/css/views/rooms/_EventTile.pcss +++ b/res/css/views/rooms/_EventTile.pcss @@ -816,11 +816,13 @@ $left-gutter: 64px; .mx_EventTile_spoiler_content { filter: blur(5px) saturate(0.1) sepia(1); transition-duration: 0.5s; + pointer-events: none; } &.visible > .mx_EventTile_spoiler_content { filter: none; user-select: auto; + pointer-events: auto; } }