From 1c1b567279dee44da70bb9b90c129946c9043987 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Wed, 29 Nov 2023 10:57:58 -0500 Subject: [PATCH] fix(item): allow item to grow when it is used in a flex container (#28594) When an item containing a select is used inside of a flex container, the item collapses to `0px` width. Example code: ```html
Apples Oranges Bananas
``` This change sets the flex property to `1` on `ion-item` so that it will grow inside of a flex container, resulting in the select being displayed. The `flex` property is ignored when item is inside of a block container. --- core/src/components/item/item.scss | 9 +++++++++ .../components/select/test/item/select.e2e.ts | 16 ++++++++++++++++ ...ex-container-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2131 bytes ...x-container-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 2372 bytes ...ex-container-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1871 bytes ...lex-container-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1878 bytes ...ex-container-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1989 bytes ...lex-container-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 1545 bytes 8 files changed, 25 insertions(+) create mode 100644 core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss index 2fd10f3b61..a6abde0100 100644 --- a/core/src/components/item/item.scss +++ b/core/src/components/item/item.scss @@ -80,6 +80,15 @@ position: relative; + // When an item containing a select is inside of a + // flex container the item will collapse to 0px + // width due to the select setting the width to 0px. + // By setting the flex property here, we are + // allowing the item to grow to fill the flex container. + // If the item is inside of a block container this + // property will be ignored. + flex: 1; + align-items: center; justify-content: space-between; diff --git a/core/src/components/select/test/item/select.e2e.ts b/core/src/components/select/test/item/select.e2e.ts index 913c0ddca2..4e4ff55ca2 100644 --- a/core/src/components/select/test/item/select.e2e.ts +++ b/core/src/components/select/test/item/select.e2e.ts @@ -41,5 +41,21 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { const list = page.locator('ion-list'); await expect(list).toHaveScreenshot(screenshot(`select-inset-list-no-fill`)); }); + test('should render correctly in an item inside of a flex container', async ({ page }) => { + await page.setContent( + ` +
+ + + Apple + + +
+ `, + config + ); + const container = page.locator('#container'); + await expect(container).toHaveScreenshot(screenshot(`select-item-flex-container`)); + }); }); }); diff --git a/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a2f57d86e19ea98512f300175d4cf6f2690d7866 GIT binary patch literal 2131 zcmbtW`9IX#8~<1?W4%O3GejDZkdVnT%#2aCD@szx7A6@nqYR;tk)<0V*|K!iOSWXJ zGiapgS|Vd#LyZi^GBe87_w)Mx3-|nRp693YJm-Dh@Aq?(og8hX#FfPX0FXL=4&w{} z0?A;05+VZbS2c6i!5|RsY=Z)-`k+4m03vlBV|DRv{>r4+ITwzq=-O6(jI554oWV(t zNI7T9Bl1h(0gSeb-SL-eUE+_(C?935M?mOlsH?lTDjmRJ zG?LYFuW{*?{-nwOd?i}QrhX-pnIw&Ye>F{B+t7|rWXLWfQ6A@ty96=xsi6_4Q%Bl%v z6kxo))tERQzM-qD>&h11P}$p1xw1NnL<*hj6ytKaJJxVHBD_V)HSJMfaWnZ?E9+9ysFI~{j&b*1#vb5B*err71^c8rZ3%FWGX z^z2_k!E+-02LJ#^5e%g{{F{y_x6gNU%#oJ znwom``n44bB?uz0zBq7nck?q6A|XNFWPM&=`-%qI3rz3Kve_x~A0N{{eDJ5~CX)B{ z>+9?FbL|^%&xh4e--+$;SK>1>2j8({0)m4j zjf{-?e-PZLBqRRHgs7^jYD;x-Nr~X}^t4Irek-prHC58j-~a2$yU^r9o zsdwT%(aK6d*Nc|AGSN`_=8Yr_1_R>q^P$Y);c+IVp<$l++GW@}x1>b<=Jp)|!A;Jk zVyJ{hQ<){U9<-U$$YFVL5dI4US4WE~Jt-pl{B8E`Yry;310BxG)=;&Fw zN{~U7m6efSym%o-#MQe4GDAZ{!^V}aClJ!-wL^N+|~i2RYm&?Sp*I4E`SMz<~$Us4Yjg zWlBRI3UYsABTNGhe?K(^1CHc$-{vo0F+6i-9wd*8XOcZUzOIfdem^Be!p~qVYtKH1 zKCA)4G|=CFeUQ&Sd%wKAywuSKQjlgHEU4_}$+x z6BZVxZ(>3|akFt%+W}*TpyFb=AzKy04%g<_Jd!HL+dL~`d{WwjH zx^Usb{j4l`4NXnoZ~s08_N88cWCb5tO;@+CSU{j>e$c@gG@-R`-HLg}1&#qDwIcD} zx(_j!Sg~#ojIVEL??wB70L|elkCf)-vlwgZD-%WLQ6i-SfqS(DApOv2Axg*;Zm^n4 zR9IbIUEA9FSpHX0&Fy*Y&6bYq?MZ*CE^puV^7GSZZEbaOb0agE7r|bHfVXvZ-ug0I30tPJXTacK#4>C!=4TU)sKjSr6w0&#P5J_G{65^_ov zeXIn@`1#W$WQLYDIyx#A&I1i`yX@QNRP0e{*jeEM$0R;K0%{r|$(g32eSGFpmtrFJ zcOw^AtkSYF;ThUJdUuYVtcptdvu8?-Z(%J}T84)5%4s6-Off~>Ywd{=iq{QtUkn6( z*EkYq9jaM85ZKRTCcJue+ysH}o}k=fba&GW&7(9P*P3bO=jEkjWE@!Jks6ztdgosy z2i8VyEQrx!_8v7hHqNXfqkrmy`itM+kGUHeDF8@AP2%F>0PxatJ6oK!_4SUuoh?}? zG&uYXm54Nr*)_ppv7xJz2&g$p9;mrFqRSi^nSdPtWT4Pg5WIzj1pvs%$oMC}>bX>| zn}!!%R8&+g^AlW$VULB}9~c;j{H3a(zTJ|Tm}ph(Gz&VneqQh5%1V9T&gZfa1JGgD zxZKW+V|F*propBdeg-;MDZyR$MtwUt8ag*N7BcPOzLqji=m-R2jMst3PgT2Cx*KJB zkJU`>_0(I-fdf)POJ84xMx#kr>|E7({sRsU&S-_*|HuC{K!b*V3+}WjI;1O!%F3QZ a{TB7Mj;g@H+PcAC0&w2i5mSY_{@{OMcmGxZ literal 0 HcmV?d00001 diff --git a/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ccfdf7e0f63dd943ddb988aa9ecf519d06010531 GIT binary patch literal 2372 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 a{;`G47I^+e%{b5@0efo~Tr>9Sy}tl>e~n)N literal 0 HcmV?d00001 diff --git a/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..826eb3694a047fbd91af5842cc461f84a49c2743 GIT binary patch literal 1878 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 literal 0 HcmV?d00001 diff --git a/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-item-flex-container-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..46149555013e602d1b6a7cf2ce704c0d2f3431f1 GIT binary patch literal 1545 zcmbVMi#O8?9RG2oC8AlXZFQv`@0zmf9hKLXQ1iHqn@2XUV|gWQGu08R)lZQ@rylO%?gD)KN2*&N6a&DPHk``|-&BTNd=~2yg4{aCmMh*i zXPsjUat_fv$^sV)xTC6153vHt8ZT%=BAD48%#ELLYXv51rVqUhr+ZzgXDHbJU^l- zO}4Wf*8XkwMM5xB+S1JO+2*n(icBV30Y|tXacmew!?frkIIstq? z8zg;wF*+oqsw4dMR5DmtF*5^WIXgS2rKNGm;@eE-@*1tBrA0262bHG#O%X8&dlpEe*KbWQK&2DV;H7$)F z85$ZI9_D}b*yl*&K6z50gU92qwxX`csdFDsnCr1vET3B6$Udf62Y2`u>;C;rop6gi zA6lt{!^5(LHJFC$bkUW`HIR_O!NKhkB5MGyslKtX;qK-JMZAh>(#s{%Xf#n$S@2<} z^i4sAgF(@5GMmljsqMe%ZoUf!!}1M*noKD-Cr4uxF&S?&F)_h(N70H(}Za2?PK6d1#_GrFFACb2~yk&MGJ&;pwx=qSX@L z;9v(w$HPp6EP&3ozVJanS(;v!54Th9H#Xwy{gaT97lYws*mfxl1R|AzhpboR*yq$<3Aq%a*r;i~{c(7pv-U0uWCsh4-` z$3l%^Ja7+b=S|u4G~@utOn7umj42x3@bDql#`7$+q^yh-8QIs@$7ycXIA~^O7Slvw z(<6>n^pg5xn*99yOz7+Eef9|4z`y`_M@C)@V{>yxc{wEWq*ESh^m;;QXf=<=69{PT zL8?PrNFGEsBnrj!G}QWuPl=jo=_59~ zU$*o@I&T^IGD9?)pTC1I{vZ~&26|{@jxA30@8w!Mrls)3p%%(#B~?|5B}zv>I;0JQ z!9+wxT59%>jDU2Xe;SbSrmNUUp2Cku=61m0a17itDT$py2R5z9oXW8BC=4%5aPOXT ztuK93Y3t-9tgY=Lb7GqaSz(WV%qdTm>*plb;Vi*`1iA!j{sK;QctM@Ir>Fll#K$aAqLw3