From 6ffbdbb3b2b69290cf25753d535bc7483bd7c6e8 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Mon, 17 Apr 2023 14:21:20 -0400 Subject: [PATCH] fix(select): respect --border-radius with modern template (#27213) Issue URL: resolves #27208 --------- ## What is the current behavior? The `--border-radius` CSS variable was not consumed in the base select stylesheet. ## What is the new behavior? - Added `--border-radius` usage on `.select-wrapper`. This aligns with input and textarea implementations: Input: https://github.com/ionic-team/ionic-framework/blob/dca31f5940c45d655716f30a74a579d7a4978aae/core/src/components/input/input.scss#L285 Textarea: https://github.com/ionic-team/ionic-framework/blob/dca31f5940c45d655716f30a74a579d7a4978aae/core/src/components/textarea/textarea.scss#L246 ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information --------- Co-authored-by: ionitron --- core/src/components/select/select.scss | 1 + .../select/test/custom/select.e2e.ts | 39 ++++++++++++++++++ ...uston-diff-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 3130 bytes ...ston-diff-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 3778 bytes ...uston-diff-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 2927 bytes ...custon-diff-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2931 bytes ...uston-diff-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 3396 bytes ...custon-diff-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 2617 bytes 8 files changed, 40 insertions(+) create mode 100644 core/src/components/select/test/custom/select.e2e.ts create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss index 7d0d7e447e..ee871b22cf 100644 --- a/core/src/components/select/select.scss +++ b/core/src/components/select/select.scss @@ -190,6 +190,7 @@ button { .select-wrapper { @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); + @include border-radius(var(--border-radius)); display: flex; diff --git a/core/src/components/select/test/custom/select.e2e.ts b/core/src/components/select/test/custom/select.e2e.ts new file mode 100644 index 0000000000..ac308a1459 --- /dev/null +++ b/core/src/components/select/test/custom/select.e2e.ts @@ -0,0 +1,39 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('select: custom', () => { + test('should be able to customize select using css apis', async ({ page, skip }) => { + skip.rtl(); + + test.info().annotations.push({ + type: 'issue', + description: 'https://github.com/ionic-team/ionic-framework/issues/27208', + }); + + await page.setContent(` + + Apple + + + + `); + + const select = page.locator('ion-select'); + await expect(select).toHaveScreenshot(`select-custon-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..afabfe189a6a2436fd688ca21e8cbd8ed076102e GIT binary patch literal 3130 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 literal 0 HcmV?d00001 diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cc158dcd7cc474d15790cf56e5b4ace9602abc98 GIT binary patch literal 2927 zcmV-#3y}1QP)UQ*OQ}Kvy=$xX$1U5VZimp(`s0sxRDpVQe-6Hfsn>KCwN}HrjW*xUUrm0$B;VU}e&2I{zx#U-48wpIXofl4*nLuOEi>A_GxaugIl3s9 z!{yay5kdh)KoT+`87UJct3)~B(mAp6=@C+r@anU~EmKmxg?jfw>z?vRm8RO5tsUQfs&Kk6#&fUumakyc6uZ3_<}6o^8D`0wOKFHcboTRKcia=4fcNA)`|wcY;M5JCZJeU@fxZnR*? z2-Dz{)a`IBEvosf#ypO(A%p@^o=)*;eu6|mdcHXzB{^J7eqlA{BZScSxGygF$kIe1 zum4_YKz`bARFC-xAvA7EYAwG#Uhnx%e@fb0VZ!kvgwQzKexY^$wGQ{ozLeD7<9w>5 zeuR%8gwSoY;i$f?r|;o@UrKuZON09@gb*4}re5a@Up2CSlK{|QrFLIw_iIQ9p@6pY za+}^l0h^NEIp2!&vk^jmMA6K)3#|Y^x)|77Zt{0L2%$jtVR<{vFyyz5wgxNZ?_dx@ zfzDuclo`9plX|PaBS8ou0Du#9R`Q(D=I<~NLI?n$%-BudFxmYb20{n{09-fql1*K> zF&jeYN1>_9!S8a=zJ2(vDCx9tsa!}_wDlgTHhZ(_?Ta%ag*@W~2^H6L+UI>z zS=DiiK47v+B<7Rcb+|>!1b_NP#LH)z8u8{11(FwMM6A!!tU7#iZ^f8R*%^I%1c01y z$>Al50I;C2s?69u%5SsNj4uKG{^#LyW92jUT+jGtMe5G-*lkxV6uoaj{3xUGhEmKg zxI?29kGM-FLKBaOM?9ROsx?!OrHA@EmH`$dDo(9PR*HE_G4Irh6|5ll+JM92)SCsTYT?hcINL4j) zJKnIhtYtJ8>q|;%?QzbF4^C8y+YgRRuiH<@6PR8YJuF;XTtW3VktR&JgZwcy`X z-!u-MYQRw~Ou{c-mXr`8Dm8RvXo9xP)~+e8-BWIwtQ61C$^c-7R%W5-U6t~^`_arGBxzC-x}RTPh@Lq%~Xa)OSu?|W}dq<{CJ&ZVPUn?#oV&glb6lb zZOd%!Gt(zkb=dPht*q>@1Hj#TzAIjq^!9zxF~P!TPd4~`vA(3FS4)laB3+ppXc$tQ{A9px4~%_E5Y`SIK4#bp2M+MxddN3~aHMX4qH^j+obfYH|6 z=zq+MEvoGN;A;ChWB1jysT+>!%iDTp)0?z+P#BFWrzK)55GIK zL|2fddG3^9Xx8(RFJnpNZ9VC`DmIrk#VUl`=f&1<$UORRQj$^x00h7zDXKTlHe2j8 z0MHEc=DC)vFiEUpz~N0C)d+y)DXO>5wYUecpE=Qxz5CkOJ!e4Zr({K{s?$y%tF-{Y zM-`@2wKykS;#r~8U}G~50Gw{j8x6xVk836^CrknGuKVMzQu{qPu=Q_P`!m(pQUDBcJ$J#(?dO< zZCxGMW2k8BUFwl^xJy|a?a{N@j*rnkx@zrqzI(paV09c^tjh|Mu-E_M*G*s64_G>P zbKr$pDc4BV*wYE*Lf$9?LudlX&;(_LNzONSuS)BC*4EbJd?Z!%^oa)dK&ouu2_G^c zX`%Y32yvIPINIZ|QSnKlwjkqjYqw{|4FJ?Z{6kB0nHq`mt&2Y2DE;7+Bp`{K1sQLb zwRm=DdubN{bo4qcc3N+tVuFR2TKaOcL_o$XM1$scaa5ydrl!-Lmk?Zdy>C0-RJHig zw9wbjHn)F&@q~{ogS*UP}6qzkLkoIgf#^jc{;_R%D(Q{y)kkzpJbaDNxkM_oum{MFH1^Pie5k4JerQ%4{qBI7jvkp zbJNVoCv(CgWdenWH$Nfxz58RzjNNSaYICXa$(*pYnd&eJ|7Q`>FCI!NT$Df$xipSy zn@%^a&ItX(o#Al`VQyUT#|snkbP6^fHQO8jus%yYStTBPBppH%3y&aHrl~%@X7X&` zwPxx}Lzm|SB{84epC6y02})Lpcg&BS5-NVZ5O6o`RxD9;kxII-;@1U72v$b#E7tOv?RN48&F+H0Z-@n)@6_8tI zYj^%K766XdS?7OJNe?+wm!sMTSKB25a?{Mn*JeclKuN9T@z3hmPqpjaG^Ird}ri9JtX@XQsYhnH((Q8EuY5 z2dXc(_KzQNm%4e`Y(4F`)Mm6fK3bUY#Y0H|Kr^uDK=t9O(Vn_S2)C5^w#%(lKqe|h zLLOP&VQ2p}gJ|W#PP?;UaY_@J=yP!nGBlt1_&qVujHi^yQa`!xk<>h9T9Mwiz$i@I*K0?Toivf;| z!(Hm>hwd?3X6#PeRSp0hy<@QKRxaf6BV>YM?{N@9KYrDnc8(?J+@)h>Op*~RLM9*< z9jJ28q(TTGKU$isB&UT-{T&8E2mt_03zv{{V&(o010jR}0OrKX$>|Z&=-}a3vLJ-e zxQPiC=7dX0l7N+|Dt`xq5DIiFQ&l7ZBmiv8)(Ckx7aAetHzFRfF*^*{1tnU!a80J# z-ytD{0@u2!nkcyd+-uxkxhGN`gd18Tg!~{hi2uTj2=?#3l%x{#x8_FsFC>Ie;M#V7 zjQf_TeGAd4333huxj975L^ls7G Z{{gz+gTX9|s8;|0002ovPDHLkV1g?+omv0@ literal 0 HcmV?d00001 diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f63cf7e6121f8823e345de69ffb21183076544f3 GIT binary patch literal 2931 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 literal 0 HcmV?d00001 diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c9b6c5ab46275df9f387f4c9ac5f2954e583eec2 GIT binary patch literal 3396 zcmYM1c{r3`8^^~ql_|oAP+4Y1S(9Yn8O+#sl3m$~nC$zS#ySXNN!E~k$(|%j*%f2o zmxy7=p5?XlyWW4E>s;sD=bZ2Ty|43}&%vmxDv)1cxB>tG$WcgyCICQ!IcW=#UOM@b zih+ht`mdr8(%NpugtuU)Hv=?n$JC^c?qe|ia5!cB^D+)iY~?pi#MRumfa)pW6^(vd zacG-C80mEn^-|h==BFCi*#L97{xq8F{#V%Opp<1;EVkql1c?MDPW+uF zhf-`(CrGRi#27kW=TIB|TE3qC5%)Ns-6U%r` zNdALJ3vvR2kMUgnE&N{`ElSOdm%{t-3Zf zrtGH`*g+aj zaJfi(&Ca9_$)zeDP@2EvK~Jlia6T$;8vVN28%irs?g>fCUETHIP~`Z43_BlG0)wiE z((-6QPoJiH5DK5vK=;vWp6s-$$^RxZ?|pEn_mM4F&t!pIL}$t8xaYBndQ0DR!g8I9 zyG+$f?)qD$B05u?EZWU*TlT=aLz*H9nj>>&S1%!!ApY=<>1=4EGfdj+#IEV zvDVQgd}j}!_NWN3Z2jBt@v3Ak`}GJGh*F5F)Sxa&wQZl;`>(SXQGOt?kjA9Gb-FPL zx-|kvlN}R(_YIw58cbl+cH`iTu#gA9L#n@M-DutD3o0D_lP?YF)_v@d0tOo@f;O4! zys7IfoEIDoCt2vI(As_L=s!^$50v03o^1olBLz>&*;5hgOvSA~DquKV%(7F}NOeZs z!@<Q-{CgSrt38&jqkF15d`CZTabbOPP7kgh%pV0I zPuy4*KzdkQE@N7G6(Z5&Y`_`QbWr-z>xRW)P5Db)fuMgcqnOs`aSA*9`-N^?5+b9) zxo-<)^XPZLO$(~I!2*1UJ`}jqXeHd5G^EZa2cLK&G-0Rrisg~LVoS#RPy_Dl5%gLd z@x^MORYSLek_pp+ofH{?ji1;nVS~+(rsg<;3n7W;4RQY!|aLg&m>b+ zh|QO(q~deyEA_p#ijKd36GB}6=+G`GHgFf{`}<~aZ$g#yIQIfvc`t%GcU;L(T!=mSburQk+3;Wb!Ub}j(1Fi){H^Dr;7>r(3Q@-p7%fbMYBVtS>nc$XoRU)o>Iur7qBl`Xz z=L~8MU-uR_WXYFR+_^SA22#~$5Sh8}x;w#JkoMnaTF)!B5if8k~M zQj_waW_2uGtl@+^gf+O~X3QKc)gU?KqwAdv-_Z`+`d?tk`ycIW3TiXL7z))r9qowO z$)ly**FDDC%D*xD40kl(ox3<91AHnG8rCqA=ffXfXH5;f<73FZtS@{`F`z{QUQys;d2CIFtxkIuIa?Cmg&j@`-G2#L(R4oUJb%XdRXoY36MUsSIc#l`INBIywLQ+;G*g37U6z@7O6=8G)gGa zkp}FFZ`rr5B9@wJzGLe=dO^YgXELkg*N4{z{k`c}lhe>%uE#rUkN%2-@1odO_`_Uf z9#4zIFu#KK@?xrlZb1R10s|8^yD0X(aBf#4W)@hXE~J5u zWr|~9sTq4VN(P~{mZ?;tAaiz3; z;_!ChQ~AVYCn|vRRmoTt&q37gZ%J3U;_7VfwC%^(=54M#oB_x2A#RhPn>7IE9!j` zN&UIA<`fY-rrz!f0glRTj7v3{P+pZ-`JCDK*|D=%k4GXVF@JtKN5XM!k1cXoVg2t!-uC0clQbSIQ znqIc`RwsBErr3C!#KEdl?voAmM5nb#^LF+f>>TSECtU#35tKZ+l*?`BDgRFa)^d6C z@ig@Ks5w6|hBKx)Aq)r|_b43~pCGON)*GGw_x9qi#TTPP3oj((#FG6Ndjdec@u7S= zy5ddHzrSFP-(UYDj7?Bj=Uh>Ve#@qxm^eq^e^{d^RTrQdYY{;fJ;d`1+uWrjmq_5c z`T%-{jYI<=3EIQV5-m78XDvB_8tb<`)hEz@N`jRpL;I3$ zcNx2r{w*qGvqvmWC%gq{Q-cW$c;8|B=VQK=Z5PgsYWxE>9DUE)(7@TZxHW4%fRH&Z zUF@ePbH6)oeFXtKm;N0133?&=fe1jS)-j$3FKG@M#av;i?CIUtYww zyN-p{zd?duwL~|%B*OTu``F@flAh*LVvrE$X&g}oI3l3aVrHF#6|piYMh?}7ezxao z437vlejTHA=XAFomb9DmcT8>uqdviGw-|3(Eyp8=jIquIw_XY`Nh!MU{s?Oq4`Hx6 zqfkawW|n>mK^L+wSrXCeJWWQTJkbvIxv$HfvmKxdu*NM*x(ZDxyfnG~j;)QX|9w literal 0 HcmV?d00001 diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..60ad412bda7b8a8f31f4de3e4f7bb608d6a39b21 GIT binary patch literal 2617 zcmV-93dZ$`P)&{O1nC@uT?uy;5s#Fjx&1yVdU1 zy$GRz!Xk-KHaRquJ%-PjBo3J~jF&D6AqlVUCHhTCvNp??rKcwh-Hb9+h-1q3}(8k<2EIIb6@+x zIhodM8?f*YLV-vS%-od``^GqapQU}IB&(fXdA5GfUG>1nh7bx+E0TpfGh$i2o-p-H zNk*%E@$uTzwXK5~8$u`$&69>7$&BZ+NY{(qQj*n9XCAG=e1s4h94`(JJGpoyo6*%* z>Xx5Yo~_4xgb*4uMUUI^&dXe{bfu*H`&xW{gb*5JUzMs3Rp^|*cBUka$+o6Q=H?cJ z5E?)$&(^C=onP*Erlifq3g;z+5E@Kcvu#_6((#%E0J+|>uT10DkPt!vZO=V*eVYXw zDQVXo70%B_2>FqPqIZ|70D!d9kYBF#cRUE8K=-e54Mo%BkIHtr-s10I5JG`Yp|{>{ zG?EwV_5O|oA%p+`F4XDCTaE4h4g(>C003?`8p&#Hhrh!>2q6G~Dy^ApFyO{)2%+af zgTYD~tdzgQKnNiK0KJ7GaYhnC=sD3r(PaO%5JG6M_?VIwj~Q}3XKdTrWNlt@VU~2F zFu31auIG#`SQPKu$03B=**kBz<#(w9_q$np?|EpXzNDn}=}|`(#otqzmYu5m@PaIg z%etO3Hqnc$WblR_We7 zQ&&)>+gGM};b67eWczr!Lf>} zRJSHM|GqZ+-;aEV8KIx0oC*A5nPGRS>f2YOqlR!E=sKqvHm*v{zpsr8W6zG`kp%23 z(`>k?plI52Q4jq#U|~{DYbCMRoeD!kT+3)3>iklSDnobnfb`OOM)_5m!*vl2ur9u}*(v zQT#9C!)N4IZM&ibfNA?HH(gTr5HLbNOF}Ml?uf9XRl4sVwdyTY_JnR7rIjhdqR0B# z-&FtMhsM>DM4P6Hy(x0?rXe@ATR%K6i{`Q8BRH- z^M}iGCw}ol>?ASQSwsMQK0D?}rEcwc*{Pb=w@y5I)Y6fc7Ug=oyE-hA*fLGB>rV4W z#fmevZEMcUPS>`+pCYW(n3V=A092^WxI!2qr#Hv(86`)>%ynXVqYZr?KSbn{^5K*X>suzW$HzTSEH&#o^6{_L~juYtPGnlPLJ=rMUXGp&KsAMO+pD z99THQwWhNBniY3-_(4nnXf}3LRvB$7!0mSt>cbd*P@0(gQL!SFO#(o%OmDK;b0+Yw z$_>3MYt0k@M1`;%J2&=Q2>|eLSU5t+DJOvs06S(y z@0bADnW}|iUWyMo22YKT5Z?)5T zX(ENe;(VSB03t5SXtM)Anab4KL5&FKIQFarfCvu5WV5@zgS$EeLFg^iJZbp(|BXWb zJ~vLtWxjg6)=mQe5Iv9TMJPZK087RTuE-6)zufhOPm(BjS4P}?Y51|~761r$naB65 z(GhBsO|I|EJ06N0ylKcibWrrV3-YJ_%YXqdzWYQssEoE~9(!GSlq8fD!XhUMxm%}8 zUWyOfQlczvGEy{{Z1zuPNW$0*il(Ow4Lz_hJ}QJ&RHt8_6xn8>4p-{j)j9L1jUYM^=%f% z&+SIzZxbVhT-Koq-TL&XY0;qoz$A(HQ$+8j2tT{lP%Jk9fQO=f8)=cR53RlD%P48Z znY!!B_7%yIOA`cU%3iKEXCAHj?qQ3g^l!JC^%nd3^r+QoqNaB1{&MZ7R~ve~gS$FA zerPb-?5k3Rn|~px(wg7=uGW$7FVwXiuGDRsDvsf?uPbrSITYw}5(GLkb*xI~deKh9 z-ZIU`DPqSwz5^B7BvJ6jsbUL7|Mh0m=Ptt<4@FMiG~|Imz#nf7!p9(l22@CN!Aw#T%Id!&LI@2! zNhpgP&FA<#41^E@02sp$BGben{tg2nga822#9VUDFrL4|KnNiKfH}i>WV$3IHjM4> zNDxASE-s8cNgP6w1S}cP@4q@i2o0nq{VGut-J0t=ik@LdL2rK5JKLF4P$4I=jW!1dK|0U zTmLD^!A`@i#`X(!`rD1hDy>