From 77fb66b4232b089bf01492c16cab343b5a031486 Mon Sep 17 00:00:00 2001 From: anandsaurabhworld Date: Sat, 2 May 2026 19:07:27 +0530 Subject: [PATCH 1/2] fix(dropdown-select): don't steal focus outline when dropdown is closed (#2428) --- .../dropdown-select/dropdown-select.spec.ts | 61 ++++++++++++++++++ .../dropdown-select/dropdown-select.tsx | 19 ++++-- packages/visual-tests/setup.js | 11 +++- ...s-dropdown-select-dark-disabled-1-snap.png | Bin 0 -> 4361 bytes ...s-dropdown-select-dark-disabled-2-snap.png | Bin 0 -> 4361 bytes ...c-js-dropdown-select-dark-error-1-snap.png | Bin 0 -> 5451 bytes ...c-js-dropdown-select-dark-error-2-snap.png | Bin 0 -> 7649 bytes ...s-dropdown-select-dark-standard-1-snap.png | Bin 0 -> 4957 bytes ...s-dropdown-select-dark-standard-2-snap.png | Bin 0 -> 8877 bytes ...s-dropdown-select-dark-standard-3-snap.png | Bin 0 -> 4995 bytes ...s-dropdown-select-dark-standard-4-snap.png | Bin 0 -> 5748 bytes ...-dropdown-select-light-disabled-1-snap.png | Bin 0 -> 4439 bytes ...-dropdown-select-light-disabled-2-snap.png | Bin 0 -> 4439 bytes ...-js-dropdown-select-light-error-1-snap.png | Bin 0 -> 5502 bytes ...-js-dropdown-select-light-error-2-snap.png | Bin 0 -> 8870 bytes ...-dropdown-select-light-standard-1-snap.png | Bin 0 -> 4932 bytes ...-dropdown-select-light-standard-2-snap.png | Bin 0 -> 10220 bytes ...-dropdown-select-light-standard-3-snap.png | Bin 0 -> 5020 bytes ...-dropdown-select-light-standard-4-snap.png | Bin 0 -> 5756 bytes .../src/dropdown-select.visual.spec.js | 2 +- 20 files changed, 84 insertions(+), 9 deletions(-) create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-2-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-3-snap.png create mode 100644 packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png diff --git a/packages/components/src/components/dropdown-select/dropdown-select.spec.ts b/packages/components/src/components/dropdown-select/dropdown-select.spec.ts index 201b20318e..7aa1bd97da 100644 --- a/packages/components/src/components/dropdown-select/dropdown-select.spec.ts +++ b/packages/components/src/components/dropdown-select/dropdown-select.spec.ts @@ -123,4 +123,65 @@ describe('DropdownSelect', function () { expect(changeSpy).not.toBeCalled(); }); }); + + describe('focus outline (issue #2428)', () => { + it('should NOT have steal-focus part when a non-first item is initially selected and dropdown is closed', async () => { + const page = await newSpecPage({ + components: [DropdownSelect], + html: ` + + Caspar + Cedric + Cem + `, + }); + + const selectEl = page.doc.querySelector('scale-dropdown-select'); + const baseEl = selectEl.shadowRoot.querySelector( + '[part~="select"]' + ) as HTMLElement; + + // The part attribute must NOT contain "steal-focus" while dropdown is closed, + // regardless of which item is initially selected. + expect(baseEl.getAttribute('part')).not.toContain('steal-focus'); + }); + + it('should NOT have steal-focus part when the last item is initially selected and dropdown is closed', async () => { + const page = await newSpecPage({ + components: [DropdownSelect], + html: ` + + Caspar + Cedric + Cem + `, + }); + + const selectEl = page.doc.querySelector('scale-dropdown-select'); + const baseEl = selectEl.shadowRoot.querySelector( + '[part~="select"]' + ) as HTMLElement; + + expect(baseEl.getAttribute('part')).not.toContain('steal-focus'); + }); + + it('should NOT have steal-focus part when first item is initially selected and dropdown is closed', async () => { + const page = await newSpecPage({ + components: [DropdownSelect], + html: ` + + Caspar + Cedric + Cem + `, + }); + + const selectEl = page.doc.querySelector('scale-dropdown-select'); + const baseEl = selectEl.shadowRoot.querySelector( + '[part~="select"]' + ) as HTMLElement; + + expect(baseEl.getAttribute('part')).not.toContain('steal-focus'); + }); + }); }); diff --git a/packages/components/src/components/dropdown-select/dropdown-select.tsx b/packages/components/src/components/dropdown-select/dropdown-select.tsx index 463b79c411..87a85f7414 100644 --- a/packages/components/src/components/dropdown-select/dropdown-select.tsx +++ b/packages/components/src/components/dropdown-select/dropdown-select.tsx @@ -279,17 +279,16 @@ export class DropdownSelect { @Watch('value') valueChange(newValue) { - this.currentIndex = readOptions(this.hostElement).findIndex( - ({ value }) => value === newValue - ); + // NOTE: Do NOT set currentIndex here. Setting it while the dropdown is closed + // would add the `steal-focus` CSS part and suppress the focus outline. + // currentIndex is managed by setOpen() and keyboard/mouse handlers. this.updateInputHidden(newValue); } connectedCallback() { - this.currentIndex = - readOptions(this.hostElement).findIndex( - ({ value }) => value === this.value - ) || -1; + // currentIndex intentionally starts at -1 (the @State() default). + // The dropdown is closed on init, so steal-focus must not be applied. + // currentIndex is set to the selected item's index when the dropdown opens. } componentDidRender() { @@ -376,6 +375,12 @@ export class DropdownSelect { this.comboEl.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); this.comboEl.focus(); this.currentIndex = -1; + } else { + // Initialize currentIndex to the currently selected item so that keyboard + // navigation starts from the right position and the item is highlighted. + this.currentIndex = readOptions(this.hostElement).findIndex( + ({ value }) => value === this.value + ); } } diff --git a/packages/visual-tests/setup.js b/packages/visual-tests/setup.js index 997ca763c9..a9cb337136 100644 --- a/packages/visual-tests/setup.js +++ b/packages/visual-tests/setup.js @@ -22,7 +22,16 @@ module.exports = async (jestConfig) => { res.sendFile('index.html'); }); - global.__SERVER__ = app.listen(3123); + await new Promise((resolve, reject) => { + const server = app.listen(3123, '0.0.0.0', () => { + console.log( + '\nScale Visual Tests: Storybook server listening on 0.0.0.0:3123' + ); + resolve(); + }); + server.on('error', reject); + global.__SERVER__ = server; + }); await setupPuppeteer(jestConfig); }; diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..bc47410eaadbfe1755b931a9ee928a65db4e4536 GIT binary patch literal 4361 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..bc47410eaadbfe1755b931a9ee928a65db4e4536 GIT binary patch literal 4361 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..579ef253a9a2a3099ee2984a3175c235c7115836 GIT binary patch literal 5451 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..ed314ade3ec227babf0ced5c22f56a357964c699 GIT binary patch literal 7649 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 W&+8@1-duqEgE-~*L-qGwKmP~)(R-Ev literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..504185ab82176c6755de4a205c98ae5fbadcfa48 GIT binary patch literal 4957 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..ad67a39761c9042a5a23850a0b800d81926cdf47 GIT binary patch literal 4995 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..200e9421de28ae5d796c4bbdf1353e5b381a808b GIT binary patch literal 5748 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..3e713c34e7293e3ae456eadb80a74ef7d173df8f GIT binary patch literal 4439 zcmeHKSyWS577bz-wgZUDY!Jgz5djC3IRqsT1qDSa(hP})R**T0%#c`JB?%Cs3jryH zbdv(15R?u91OyrbxC#N$!ay+uf+&N4ks%C$^m+dDul8E~(~I|UU*0|UzIV<(XYYH$ zJnur-wpn{K3WeHs<}}_7h1$3sg;Ge^^c~DtbI0T1rf}1Za0*q{v3neaQdK>JKj|Ko zGd0j2>i(y`#^Kn@4~DtMh5E{8@7n6IF5rWIxmy&s@p#R4jekBD2pZ0s-(gYhSzSM# zHg3V&7wzqOK=-Fpt{?1CZ=0L6+2X5Do>{HyObOK)ob)_rk+{-tX`S%W@}gl<{wDY` zUH-3MM@jGl<*~GJBi!`%=^;-C6%=4R{byv2os%7mD7Ot8V7$8nyhqXR(_uvY@^xDb zt70!-*hQUv-|lag-4$f!n~+dHkcqrt`hrO&*R#~Iz>PUQJ#CQg6r4*2&-{f?ii?Xi zb##(pw#eP^LMhRAexiFyTLt#m2%4Hs9nWrmke!_@kw}V!lU;CCE(LGdl$Mru6pKZ( z9J%NbSV>n;NlC#I2!!xkxA<2{UW2!foH(&h7c7mNU;7`Y#Kc$?K781B?C~i5{4R$S z7K^C_wkJ);wON{Iba30F48^AQY;$gHZ7sSMET~{&NjHT;$se^eR{HT8Pb=N2VAKKT z=?f+9h7g!n-kS{i`BI`634zkTA%I_VY(tYwR>ui|3A$PU1aTCH6MfF9lxhU`1Da&uXs^-KF}YHNJ~KY3!`K&ZnrJoQcCxucerTFJ@D zQgm(nN<`e!XeNTr%rhw|JR+iHXy`H?zso_D94B#bFX^_p@$NMEign4gQoDHZVr2W` z+RBXYK+P@cyBGJMM5)Vjae{4US_I_vU1D2 zcYj6DSYBSH`1=>JA|X3;f)BTg;hbsGe1H?TgU91Z(H!vk_U+r%;p1*ls#kkHg&Z=} zb2m(9Fo0iDbaqx2v$?rBN+xOLdYiQV!#+_wRV7Mg;1rwg=@Z0!A;~L7%NHmoN?4gH z)0&ULE==`lV6oUQE!qsdEEyW>;yTNF>-&lBcA9(ku*=HIJopo9haK-b6$ez-) zL?~KXscWFYaYC1~AYK44IWI2{kq6(_)Y77;?d2&Vy9ZDdfxH+0&vm2Y7Oa>g9RdBNH=}!BU(N-06rgv*2rjmw-hl{!c%E1|nupzsx z+qN|W#~~O5$V_rV^mWePlvEJjZ&g-y^z-wpn|tj{eg86xwpfN#{bvI;W7|5~aMMpc zPjC9wE+FUUACJ)T2=dVxJ0vKg$+w)T-8bwEGTX|ZJb9Js1Dok)ULGEd8&CT`=VU0J z;(M~L@p?aFz+ks>BD=kaSYq6H-4f9ND4)P+RWSU0^_m~T+X|b9qx4shK**f&VdMy} z5V3U30VqCVId7PrPkP+?;>GEl;~$Dsadsy-A-pZFv` zTd|3}fB$|kIP!W^mX?+x*vP5-pHARxiu*wq7tGcVGF>YMn3ZeEC1;OEFE++BtL4CtCjv(g&PzaKV?Iy8Oex E0csXI!2kdN literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..3e713c34e7293e3ae456eadb80a74ef7d173df8f GIT binary patch literal 4439 zcmeHKSyWS577bz-wgZUDY!Jgz5djC3IRqsT1qDSa(hP})R**T0%#c`JB?%Cs3jryH zbdv(15R?u91OyrbxC#N$!ay+uf+&N4ks%C$^m+dDul8E~(~I|UU*0|UzIV<(XYYH$ zJnur-wpn{K3WeHs<}}_7h1$3sg;Ge^^c~DtbI0T1rf}1Za0*q{v3neaQdK>JKj|Ko zGd0j2>i(y`#^Kn@4~DtMh5E{8@7n6IF5rWIxmy&s@p#R4jekBD2pZ0s-(gYhSzSM# zHg3V&7wzqOK=-Fpt{?1CZ=0L6+2X5Do>{HyObOK)ob)_rk+{-tX`S%W@}gl<{wDY` zUH-3MM@jGl<*~GJBi!`%=^;-C6%=4R{byv2os%7mD7Ot8V7$8nyhqXR(_uvY@^xDb zt70!-*hQUv-|lag-4$f!n~+dHkcqrt`hrO&*R#~Iz>PUQJ#CQg6r4*2&-{f?ii?Xi zb##(pw#eP^LMhRAexiFyTLt#m2%4Hs9nWrmke!_@kw}V!lU;CCE(LGdl$Mru6pKZ( z9J%NbSV>n;NlC#I2!!xkxA<2{UW2!foH(&h7c7mNU;7`Y#Kc$?K781B?C~i5{4R$S z7K^C_wkJ);wON{Iba30F48^AQY;$gHZ7sSMET~{&NjHT;$se^eR{HT8Pb=N2VAKKT z=?f+9h7g!n-kS{i`BI`634zkTA%I_VY(tYwR>ui|3A$PU1aTCH6MfF9lxhU`1Da&uXs^-KF}YHNJ~KY3!`K&ZnrJoQcCxucerTFJ@D zQgm(nN<`e!XeNTr%rhw|JR+iHXy`H?zso_D94B#bFX^_p@$NMEign4gQoDHZVr2W` z+RBXYK+P@cyBGJMM5)Vjae{4US_I_vU1D2 zcYj6DSYBSH`1=>JA|X3;f)BTg;hbsGe1H?TgU91Z(H!vk_U+r%;p1*ls#kkHg&Z=} zb2m(9Fo0iDbaqx2v$?rBN+xOLdYiQV!#+_wRV7Mg;1rwg=@Z0!A;~L7%NHmoN?4gH z)0&ULE==`lV6oUQE!qsdEEyW>;yTNF>-&lBcA9(ku*=HIJopo9haK-b6$ez-) zL?~KXscWFYaYC1~AYK44IWI2{kq6(_)Y77;?d2&Vy9ZDdfxH+0&vm2Y7Oa>g9RdBNH=}!BU(N-06rgv*2rjmw-hl{!c%E1|nupzsx z+qN|W#~~O5$V_rV^mWePlvEJjZ&g-y^z-wpn|tj{eg86xwpfN#{bvI;W7|5~aMMpc zPjC9wE+FUUACJ)T2=dVxJ0vKg$+w)T-8bwEGTX|ZJb9Js1Dok)ULGEd8&CT`=VU0J z;(M~L@p?aFz+ks>BD=kaSYq6H-4f9ND4)P+RWSU0^_m~T+X|b9qx4shK**f&VdMy} z5V3U30VqCVId7PrPkP+?;>GEl;~$Dsadsy-A-pZFv` zTd|3}fB$|kIP!W^mX?+x*vP5-pHARxiu*wq7tGcVGF>YMn3ZeEC1;OEFE++BtL4CtCjv(g&PzaKV?Iy8Oex E0csXI!2kdN literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..300b29419bcb44043c290edcb21e29a84f2f46a7 GIT binary patch literal 5502 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..125a34d2ceaaad5aba43bf3670f2b050ab71294f GIT binary patch literal 8870 zcmeHt2~bnpwk^mNutks8LocXNj@W>LgvJnTF#<*rL8U(k2#7QhX+jbZgrf*ZIDqte zXw(A)H3p2m z%{k_nb94W~dCN`f)z-_%$ZSHLJ!LB+^Or3$GO~C@dGN%nUP=K4!R7-Jtpp{;tmU$jN9*6EQP;rsi1^RG_>MV66v8Z6saoM_fQ@) zOEZ*_jzc5U9P)f^yoY#lS=vC}1$#t9@ZQzIyAP4vgPBVyR>6KVF9ZpCls%}Ve3L_b zNpE)d5sJWZ=Z*^&D+`wJah+ruF%|tMt5|yE=)q7i(?|4KnJ7oog%o|mo|5I0zjD1o zGUONh!MlPrz!i~K%C-gb9lVSX*SlrE6_?W<>#Y*>yjEAv?Wi4Hu{$J6oW(6SqloL2 z@y6Ra%#hsE0qCOfFU2|vK;TBS2P^4~w4Csfp+HN+@tN7M%(pj!)TH8+)tLmNLL4EO zOUTI@&#?CKT`gYIP*Ks5BMRtar8%exmbGkJ75W&D=A>LH%Cjjbb5)>MEGcL7_FM;& zqvZM}jlBbceDl1fiZY+7h|~7DEB7Pko8~fapW0Kx&P{u9=?s3~$xF(}$eC{$OP}^9 zg0nbrC`(Eoz&D1Vh%M5&{okRZeE3R84E0_jh;512hgirArrGE~E$&}S10!Znz$O- zPAzWo)zyAew=zvP>d3oH-;X35K^>X*_cl8E!!;-uMHB-tq;FMM`zGNP`NgZO^@?*M zSKKk-$8&0Ww1~M=iPsYpR;4vshA|q-hpB z64Jlvtv`Q$q>9sF#`)rrTx9#=deJRIJyIPasAG!i zZr`~x!N9WHb3+-KOsSZuwTuAE3Vc5B%EQuprCw>Gij`+YJhu3Ln_vP?%iMRV_~Bw3 z-m`7Z2|qu-YmSas|C+@nb%UVq?_n+9KO~4oc0XlR_zzW#HzOrMq_^K69B_K8kFqWA z=TORV2dy#=wRc%+AtsG~OfvaEA@R&^q<9LQ3Zrq%XsJs0g_wA|Q!3=Bz`m>A<4TgR zO7bH}%tYJHN`FSJ3Fr*&rx~%Z)SQg9i_qaM}zotlUs9dLF{ZP)*PTr>2lQ zOiM&dYk^c_JMmP$Wa?#-=yL{jS&e=@Z1aokU-19Su;LL-ACz5l%-FRCz?Lj^)6Ow? z6_w+m1b(Oz&kn5W>!$M0Dw9pJYcX`Z5$ZM1lFV6tRZdbd=1sY33}-^?R=7E{I+_aO zRL)O@m?LfD=MW$g%0zYT)&@WSa$Etvdw-iQil|%>QfM^#7KUP_vy>R6kR-W2!RiDI z<=+$(?(S$w9Q*Bl+TR@4x?~SZGBt(E3~XwEwMhDO{@vBTNYQ8*YVV;)$Gk9KSK{>u ztFjlbnvQacyU(lUyWSkkCqzWJ;{EF#$s#jm2cw4lamAHD|E&qAuRZb@n6q~0W!>G5 zh?lI2avjv(15Ur|P>(n*E7 zBtJv7lM+ZTjc_7o)`2Q^8zd~$+3h{wR+u2cNqCYB;_7q`z7Rl(*2>&&%yLTF%`b0| zt`gpu2DaUs2s0y9?-JqPUekv5ez-HloXQq4+ev8GT$l+DNic#V0`2gxdr3) z?W$1AX#5$P`gc*S+1rGGCgU|y zk3Fy9JLYcl6OeIMD1VnxqnnAfMLcU$%?~|fx(lL3nI;9iR_C-G@kf=nK9F^PyQqya zH8aB^?#$^WLe{mB?k4+$#q*^M&b(ravhFL6o-yqrZIjkF951p(mDyW?zm#kK!ucf7 z`Q5@%wM2l&yog!bGW!}=2i-J7wZyIYI#dBIoAj zrY0vRC3JDL{qE&N#gnJ+9hW8)WH11uTZytKeMToUDZ`Re}!U zO#jN_C^olQ={ELmp8SxDlac;IjhIz8rxQ5Blq7@Zjsh(N4X? z8=D`=9{&Y2qu_D2aw_`T8{ry?kP-vKj5{&ntdE?KEh7O$4E| zVUXfSzB%yPI^P@tLPgcryBn6qQqf7hx1sJkAEGR-(D1nQ16PS_H~d^kp&a$=D{V1h z<)mWh2spS`P1px1{^WB*eE9K`^cl74ywDNrrz}@*Z*Nmm)6Wb>9*@UsdwkgAy;j74 zXGT$79iozn$Cl5vX6Vrwby!U6!Agyfp^%=1UtW7!O>-l_1#IolUSAMxXf)VJG9o`& zxIPw~K}cx-5cZDvX1T_s_<`p<*(gT+rrio~lGxX%tBKwEP4; zs_{%;nH5n3MEHM?ulw`Gv)<&O(Wc>`W=)h!q6{4=jl5OI?K|L7Ys_b01I!oiqpt%p z(Yy!>!a+HMNeF5%v;OcAGXmc{1+waO`i?u{wnwRqU zwK}L^Fo##~pO*#MG(omg_;^}Ol89GH14!6=*;Wex2Ogwve6N+o0?PPDe06$M>HMC_KVA>8h1G}Oysoa@Z8) zY1`1p4l5m7urRtc{P=Xj&mmehzP*1Ahm9r5X(?^f)&?F z9!6L^@Aa)(XxM<^w8QyBmBHhmhJmr7h|N2&2fB-GTAu;ZmlOPH-;4g45kB%P(U+11 zn64gt^!bq*PA)rA2jY}mRadF7pEJV7!)xx$eJZPDWU(VzW)R_y)2L)6!XQs}RZWf3 z2M$;2QfHcMF1#_(o}E#JVNIl1?r53rEioWSR$(psp5+kH_@&fveho9X`@Gpfot(fE zl3BXsK!!_%&$VmUg4>VwkJWNIS|6$!d>$OkQor@~X}`A~ELs|BDSZa@0#;ss|h^4s<_5qphs0 z4!!+)_n2TTRpHn?uuIPSZRm~F1V{(^1onN-$M zzu*oN))+87=)URKb71T5w&*6FDM*3QBG1xU;Ewr!gp!8hdw{{`(xf69UDZ3MYgq+| zT!7969`Gh-+yb%HG}hqG3fHepY>dFfSK$BmfBJS zuyNksIYYm8<$D5TpTRvBEj=gNG6l=ekRyJPU_oCmkDd|9!Tkq+S9Xm&{45_ILBo-~ z+CP-xkTP6C2%~=p}6Y?1eybN*iiGOl;rEeZkVlW3}xK;fkseQ?K!v?*!b~tl5fcYtHe@#HF zap?T;F>tCretznKU;z`?8{;+&RQNmcE4=e@cREK!S!SWP0NQ?;5ho)hVN@QaJaKFW zvRw6se+m9BJv-kXZ@&CAa&=UTzCo|{5yh{60>YbKhacI=7Y__T6xLF!9vuJ}8AMhm zykI=j(C72Z3H^}io&(O+h7K;_o)tF-h^##9AuaKwCE2f^)IW;_81(L&ul1S+U`ekd zxYNgklLeXZ02e6wS?&mjl{l1ltO__a$xu;%9KfWuLA0bzhm)x@cN0nz`mo^akFQ>f! z<%;WnSpX;+^^u&j0mOI$KLbRiWv#N)Bc1%n;L>6!C~R~G2Lf!8e7%Ku;L1zwva+(P zWG@?ld^tJT`6_VVe#Lqn=%{i6)Nc)mV;M?Qg4(Vd%c7ZoP~*x;y_(tAZz?NUyrBR# z1t(YESoR0D95OcRXPt=h$=ivkxg^FjoKDu6tMFMd$Q2&bO$hamDB`BhG95|8_^-C+#G zg|?Og?kAz@8;B5N&kK@10YZ{N6A#fqICe^f z2uFB3O&Ls7o0k}2@#XJ19t72mO2{1AN&@ZU@B1!QJ7}-=x{5ECkD3cw&|cpf?qwSJ zUo+>uN*;$S+Z!nwfFKSy&n?DcQs~$#z(@|#pggj6K2d#6Dd&jiIVdFqfacR(yeVS1 zI%MW`$V?vy9xg*@<8QGp<;0 zjmHi8Jmc2f9|abHt@B=8S*&yEpW*gxZx2HO8l0tsn>;C4X-4KLyM*loP|+UF z%FQS#r$!tohH|HX8z4A)wP&UEmN>9L{ja??oO1-i!KIJ8uhvC`OwjY0xZy-N<1v`P z69hvO(JYzlR)05g9+R)002Kk=sbBj$<7JB#)Dq7?Dg^chavNZ<-c1ixJq$2lHn%Sj zaz)hTf$LgXI-r*4iaxXTP<#(M%j5MA{$pIL2$feXQlh|LnZK_4$Hv8O*{3YDDfBv? zDrb^W`A>Kgs6DnjDSR{kQK<=2nbe@(c41_CM9^mq-FH z1_n%MfbqvW^TU~-AnZB(HfV&!b}rc>jEjv{vv3`a6V<1kD-yXVAdsc@CE#=myKam@ z{sU#Cpm18~QvM8F_9aI}&Jeh7{Q{5(Kt9=g-HfItfO^np0YTktgh{9z&dM2PxMd65m=#)}(mC2AJAJ@m`WgOo42KU@bwK{34X3f)?6>2PGWWT6SABijE(Vf{L}x*a#6j~@DOzB$ER5c)KwG{qFQM0JJ^1Z2bSJ_(`eEO@&|QnvM|;Lx_Poef|{bgxlSJ1KE^i A$N&HU literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..5a859df5aadae7b0ece510f47e4df0f5054f9504 GIT binary patch literal 4932 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 L(fg{u48Qn4tW24d literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..12eb4e044c4b434d33e2e85e55584b8acc0d1cb0 GIT binary patch literal 10220 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 literal 0 HcmV?d00001 diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..9b4d0ab265055c77e02e9f4e648ecefbd70e680c GIT binary patch literal 5756 zcmeHLX;@QNw+5-AB2uqaKNLv4qPAtSfIuJwELs{xu%EX@0l|Sm84FRSOehvwMWR8# z5Fk}7)FOk70vQw)2!R9%^N@fBLKG4pF(G8S`*@%G?>^7H-~H{Mb8>R_+H38#-uGR5 zpWjdT`|hT$u8(bDj`LnI2Nq-bu-+RqYx`zsZ7Bq--@$eR(N?T5#HY^QTYMWbH_ zcDh$xZg}EWakD!*w*U1F_mlR|d%v>WOS2H=Tng<-y!rV?<1Lo)b=1ze?4pkyig2S!In%|S#N&9AE}cYq%TH1&q{;O33;hMtbDSp%*o z{tYa_AcK?vt_F8M`wU$Fu>KNy*lTDAu3!BRCSws8e}%?`f*z*jBII*fwphiWEhh1# z`%p?e_Y7p4@E}22KHu1BZ(c_rS~&e3*g>7}FjBr_OwJ~}o1dSUb<#Ax4`nyHKJE@6 z(33HbHvprN%}882GsL|Sj!TXin{8==e+gzqbLhff5%qI})~rK5nAw*X(r3E1(36C} zovHU_D=IC4;WJ8by`mAZvY3Tfewj6)bZ`)fe+}mFvdzSIC`{%3IHZ@LJfrsfV2p~5 zE}T`(Q1Yz9=(X_uRw}Hd^?kK%D9!EW4hK%r!I-8?SHXndRVh+Fd@94p@nYW}IWRAz z5{WpVSGE3xBH2w%K$S$mzQe_IFKc5Jd5*hA2#^s1;zy={FIm-F)X ztxl+U#JJ4(1}1O<;%SaB&6F`(rxH~V^g2@qsGuV*Hi6YW zrmhpWb8~YwgQJ8zrtWAnt@UfwvZ|Myo_s+xZ@TvSw#ra8s=|)dajQf%er%nv@rwRl zQ&Uq2UNvKC2SH&(SKTsOvspJ6G~$hh3cr|XlJ=L(YsrrRR5>=G4BdD+=H(8utc z#EV&Mt&$Vw3frW*iX3yNecIIzF&80}JX@g769=Uy~zTyGP|9O^@Wd<442shR;yFJHbK{w%}Lbio3Q8hH{F z6jT>I_;-VI0?J^Qi;LW`qhn2b)9OM3fx@ZtYn=IT8WLqYmvTvPxP}SiD>Jp5@*MD0d**iA<9_Vuhft|eS^F^UuaDfyj z#k7b@G0RQ2UY2vDGVzGDY8bTE9S|7NC>T*=b=6U;5>!9P!V?Z7x`=7C@?+Q6O-%` zKXLEQ9^c6J>l?&_m4W+?7u_9?Z?l_hOW}@2QA@x|=YbBHA2{m`G3q8*#PQCChKBHE zA*)5J80P^b)N|Zz?Ck7Nq`UwmyqTXKBYFBZ7myVj1+$0J@8EnTIXRiZb1;SLMy*-x z#!4=fqYE853ycF`z*)81+Z-pyC{A$|M`@(R};N4t%e*EtLaw--u36Y%QmY)u< z@KO(;XM5yQ0kg7@{LsXx{lSr&%VaKg--|3$cHey;^ej259Qdy+fWkiWCSXtdUq6;P zMi2azat853>sMdeo@sU7y3em`ceVw|7=}Gy<|#js>!}#=D|Y+VWQYCyjlG~U-i46M z*paZ17a>b7c| zg0+zAcavBojaTD6LQ6wK)k1UNBGYkuy1d`76ruXSC3-4O`NL=K&bLV!@agMY9TWJp z;b!fuE0dMjX;}!$=}OL*kib1{|AIWD7OPrrXl{;LS)5K7Y2qT)u~+)>{4~)FO~zpZuqF-u z6d3Vt;L&L&9ye4IM&;rp=oZCT3=cruXEWRyl8EM__uV!%J+6$UTRl`SufovuOGx!7 zH*%&sKfyx^o5ad`TV@J^L6d6D#6t^DO&Aq79{}pUZ?g3YTLLt^>8-nmhm0Mjb2PU2 z#hVm9Kk{T0D3cRGrvc!77~C8W2b#wN%@8Z22(T}dT)3zh5_wcohk4Y)#>Rup)xnx1 z5IB8?=4+97nDnuMoXfUs@-*88T=IFz>E3h0HDRHcg~rFBbobug-UN6xU?mg+$lEK# z;xnVu3~ZXayL(;yWUEEu%Po*kr^udrkY-ktBnNHwl=oFJypn`nRY({R>C+7tUypOt zzL~~me1@?pa3f9h&~DG7E5>ZJY9&{rk_l?#fXuYWI39V{4oppwzsEuYR8I1@7rrmW zF0(AaG&MvzNKev-!N916u||ONqj;T+sz0r+nLSPdsu=rX3#3_UuD{uOi09WgY)z8& zx-!p=H(cU50<2rJ0F%kHv$I(7v9Ru`=b5}RUm`+1UtdF97^(_JF5e*v#|66NYNl>g zv(o9skFMTdntHyHOZ3vEt~0X=;g~>pcn#)9C8=f#qa+h8WS6+0pR0oMfyRi8y;csz zw=FbKMVkqnL234zq~0^H{VWfOv`CAq|o+*T+Q4ULTv!mc}HF9IF{i(1m=kh#uu zEE?ve6$ha8TII(Df~A9+Gq7*AQd7s%JUl$w-iUzzj1;>4hV>xofXLpW{7x7F0an5J z(bqEnqn1u2`etpmEDC3%*V{jxx(3w*jKQwkY;h0jrc}K~#G9BXzUjblqiTfv(S3)E zBS2GXS?;!J9_tJQ_y_@|HwT>_V&Sd?+P6mQHUa-(*riw1D{v6N)R~$`^;h-Dup~{v zG2IU2Q$hz3Mg^TDR{3k(O^8H)S5|ie<_!-X0}7B~p8~KK&MAfmmvEUU&m^sdwmyse z{uADFjWH)l!auiBpooC7#||HX_9o-L7!0O}LXq{~=tYstS$wXXnC z3U~Wt30W1c`%s&awNW2;FaAiK5sGBqT+{nB5yqZqLDz!~Pu6x|VKDy>OH0cZB_AV` z`jc;mae@kkdMb~35^QBy6>@(8|F~*6g0d`-PS`=h2EpdP4F!6gQno}SAe4xahlg;hfD>#)e(p@>3>sc3wPoB)) zS&E^oX+LJ;64l+pjZz&84qdzCy2ClD=SMDRW$-jfi>NMj>3mHpIJsn$2y0(#X5-Zh zg+#o(Otqljc~9yWmTztTG*CH#=ON8&F+Q&UZavzOaod_5I#G;vNZZY|O+Sco#Qs1m z#%kit)4Hn7affRfoLw1iP>@_#wImnuT5)t1S&Off$tk*NpHW%nEjnX~2+k+gtg$OK z5o5%kMNDm3<;P`BzL{`Zogp#f{i%~XF_P!hF?+*lVkzMqT2eH8C);ZB_ODz0a1&5D`AOFdi5Z$&8I*(0hSw_&A^Itop{Xfoi zpG-a_`Cs}F@Ch)V0P_hjK$`!LAI?7U { +describe('DropdownSelect', () => { describe.each(['light', 'dark'])('%p', (mode) => { beforeAll(async () => { await global.runColorSetup('components-dropdown-select--standard', mode); From 079e09b7b9caa9c3280cafa73475906333ee8b10 Mon Sep 17 00:00:00 2001 From: Anand Saurabh <16016114+er-asm@users.noreply.github.com> Date: Sat, 2 May 2026 19:13:26 +0530 Subject: [PATCH 2/2] Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> --- .../components/dropdown-select/dropdown-select.tsx | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/packages/components/src/components/dropdown-select/dropdown-select.tsx b/packages/components/src/components/dropdown-select/dropdown-select.tsx index 87a85f7414..8e5285cf92 100644 --- a/packages/components/src/components/dropdown-select/dropdown-select.tsx +++ b/packages/components/src/components/dropdown-select/dropdown-select.tsx @@ -279,9 +279,17 @@ export class DropdownSelect { @Watch('value') valueChange(newValue) { - // NOTE: Do NOT set currentIndex here. Setting it while the dropdown is closed - // would add the `steal-focus` CSS part and suppress the focus outline. - // currentIndex is managed by setOpen() and keyboard/mouse handlers. + // Do not set currentIndex while the dropdown is closed. Doing so would add + // the `steal-focus` CSS part and suppress the focus outline. + // However, when the dropdown is already open, controlled/programmatic value + // updates must keep currentIndex in sync so the highlighted option and + // aria-activedescendant stay aligned with the selected value. + if (this.open && Array.isArray(this.options)) { + this.currentIndex = this.options.findIndex( + (option) => option.value === newValue + ); + } + this.updateInputHidden(newValue); }