From 5a2b87cbcc5c789d02b29e776e2b9768d7ad5631 Mon Sep 17 00:00:00 2001
From: Shawn Taylor <shawn@ionic.io>
Date: Thu, 20 Apr 2023 13:53:43 -0400
Subject: [PATCH] fix(select): adjust label alignment when in a card (#27202)

Issue URL: resolves #27086

---------

<!-- Please refer to our contributing documentation for any questions on
submitting a pull request, or let us know here if you need any help:
https://ionicframework.com/docs/building/contributing -->

<!-- Some docs updates need to be made in the `ionic-docs` repo, in a
separate PR. See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#modifying-documentation
for details. -->

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
When an `ion-select` is inside a card, the label is slightly lower than
it should be, making it out of alignment with the label of an
`ion-input`.


<!-- Issues are required for both bug fixes and features. -->


## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
- When inside a card, the labels of `ion-input` and `ion-select` are in
line with each other.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
This bug was occurring because the label of ion-select is in the shadow
DOM. [As
recommended](https://github.com/ionic-team/ionic-framework/issues/27086#issuecomment-1494427311),
this fix was also added to ion-input and ion-textarea in case those
labels are also later moved to the shadow DOM.


Before:
<img width="534" alt="Screenshot 2023-04-13 at 4 35 44 PM"
src="https://user-images.githubusercontent.com/14926794/231877123-02f8e381-2137-4d3c-8dab-ae9051ad3591.png">

After:
<img width="535" alt="Screenshot 2023-04-13 at 4 36 02 PM"
src="https://user-images.githubusercontent.com/14926794/231877151-bd49b87b-762a-4d20-b6b7-57c1ab3bb368.png">

---------

Co-authored-by: ionitron <hi@ionicframework.com>
---
 core/src/components/input/input.scss          |   2 ++
 .../components/input/test/card/input.e2e.ts   |  22 ++++++++++++++++++
 .../input-card-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 3831 bytes
 ...input-card-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1583 bytes
 .../input-card-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 3516 bytes
 core/src/components/select/select.scss        |   2 ++
 .../components/select/test/card/select.e2e.ts |  22 ++++++++++++++++++
 ...select-card-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5045 bytes
 ...elect-card-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1962 bytes
 ...select-card-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 4705 bytes
 .../textarea/test/card/textarea.e2e.ts        |  22 ++++++++++++++++++
 ...xtarea-card-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5127 bytes
 ...tarea-card-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 2288 bytes
 ...xtarea-card-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 4771 bytes
 core/src/components/textarea/textarea.scss    |   2 ++
 15 files changed, 72 insertions(+)
 create mode 100644 core/src/components/input/test/card/input.e2e.ts
 create mode 100644 core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select/test/card/select.e2e.ts
 create mode 100644 core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/textarea/test/card/textarea.e2e.ts
 create mode 100644 core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Safari-linux.png

diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 26a6f9d501..e598e0a03d 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -299,6 +299,8 @@
   transition: background-color 15ms linear;
 
   background: var(--background);
+
+  line-height: normal;
 }
 
 // Input Native Wrapper
diff --git a/core/src/components/input/test/card/input.e2e.ts b/core/src/components/input/test/card/input.e2e.ts
new file mode 100644
index 0000000000..57dfadafd4
--- /dev/null
+++ b/core/src/components/input/test/card/input.e2e.ts
@@ -0,0 +1,22 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('input: card', () => {
+  test('should render correctly in card', async ({ page, skip }) => {
+    skip.rtl();
+    skip.mode('ios');
+
+    await page.setContent(`
+      <ion-card>
+        <ion-card-content>
+          <ion-item style="border: 1px solid grey" lines="none">
+            <ion-input label="input" label-placement="stacked"></ion-input>
+          </ion-item>
+        </ion-card-content>
+      </ion-card>
+    `);
+
+    const card = page.locator('ion-card');
+    expect(await card.screenshot()).toMatchSnapshot(`input-card-${page.getSnapshotSettings()}.png`);
+  });
+});
diff --git a/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e8ac09bc6131a8ec74dd1bb293667eb9ce04fc9
GIT binary patch
literal 3831
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

literal 0
HcmV?d00001

diff --git a/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c6b1448234699d6b301c50d0964ba149f2e2fe6
GIT binary patch
literal 1583
zcmdUw{aaFJ7{~F2AeF=}%lVeaX^thSn;YiJdBpc=N@})rnJa6SI$I49NyHVJirO{J
z%1Wb_Af;ql*QQe|-+GxN7e*@PQp18mQNj1xZT~|*?3Z)h=Q;Q1`QFd>+|Tpm(ZT`=
zMpi}`42BRK<QIX#=+PmL!mog5W`<xKgTd;8{d}U*<KD<61zS^Xa1)Xq-u{DRa>8DI
zsqHsU=eChgVf+4~lKrlg{>s&in4)RPWZJjRA;!)-c~ATDtm-tEU0jMh1*9Qy$Mks?
zQ|&IUFIUSY?v-O&W`^XIys>voQmH!A+S%20StL>fTIlH;;&~_0U9z6>nSr9KapE1}
zp`kq5Ld<%UgUR+@d31jIQ&H+rOK(US+1`(X(bIQunOItw5h_v#2D)5b04IKwsmK3%
z-o3#9UKUpqm8%S3RwD?ogvZf%B7#USEX$ZXB2r_ksv07KqQcDv0Fr`Gp~V-WvGyp3
zLu0IfRN6@n%{B4NEh>or&1b9Sp81f6xFOkR&z=o)COAr)C_M*o`70sy1bU=I{$)5f
z!#?*8<wI4W$5)#`!55M2J=CS{a~^d+jdZ5JU1WxahMFAp+aZoCwB4N6-hVR**K!LB
zRk@KMvAI^2K0EP!@?ayKMrp07Kk&F}6HAx;`dKrJq>3#C6OR!|PST;4Ol#-pYbTuK
zm0qm1EZyroFt+PvlB{0_j@zna;^NE&UB~EX!WQPFV|mj;TdrxBMEv$bdHKO4khZn+
zX7lzvEbGWMwcFE{L(mL&6eO~<p5NteVlU1juWNk3#cX49Yo+Q*O@Z@{+IGHg?(pdS
zk`&I+A4dcPExXl@G5)MjVRxr&W9;y}R#lfItEDu&Ggo%2)KVN<M-JlLCK~1wv==rr
zI-#D}8>|`i%^}ytS<MJVdJf}#cr<9C>9HU@P%JAbuy8ff+S|B=tVSjnSb&^<A5$n|
zx))}~yQ(7vd(zT$S$y`~<csv_m)qojG9!iW2J6SfW{8_%w!fY7ld$uNm2Dmj<-^mi
zspAUSwVhJ~?)2i_Ifo|6!JOMP!?pW_t*n{a%$8?cD*A4v#L64#S2G>!nNx~06%|DW
zxK-^}LQW4a&P~0+UD+xG2fcLaLF>Tcb%h#@hHuh#2|DTJhU+BXW|1g;e)_<|^H+6y
zyZR@7ti_qGYrk_0Hv;yjT=!s%d;2bR7FwrVtn@rmwe)YVKiFu4&0neI4!@l__7C?7
z(+>JMzy}o;-z}XEg0EO3ycSDkTE8ET@8QmqO#F*ME@%x=S$$Xu9ek3{p-B#rVm?MW
zsE9)gKNT4WoC)@LMviaKYTzOu6rKMH_DKQ>k-FRDmn~Bp5NYHKsTqPIzIyzM=d=dc
zg4t0JZV(hf8(D&`N$#cfK>Y?`lqVfT@6k}<51Y(4E>qi4q2NKa1BmA6Q@z^wiFrU(
zL%2Q67DPWcCn_yh`G@>3O1<YKb#Hj@RX{}i{{2;vL)*Qw=rKN@!9wr}4v4hgk{bY~
zJ=%o|86FM#Fnq&|sO;lW9hU#R3nFc@j>(4g_u=u{<N&@IU_V<Bm4k$u<+Co?@OTF0
z@*_N8jmCJbIwu+d+bH1GxowHZ0UN}M*sZ&Z3k&JH?;F94$V51{g}r3eE0=%QeE7wK
zto{?;Vaq4vAXYK8MFbnPw>i!=x+Z2#$Z3~Ck*HCej0H*Jth0W%jFCAvxjwGtsAWk>
aiN?T@HXk3chR1@702AyV=2uIN|K&eFTAdI8

literal 0
HcmV?d00001

diff --git a/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2bdeb384a0b5ecef4514f9d333bcfc7bddcc6c00
GIT binary patch
literal 3516
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
H`PIJw8t-6E

literal 0
HcmV?d00001

diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index ee871b22cf..9d6cf54a83 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -214,6 +214,8 @@ button {
 
   background: var(--background);
 
+  line-height: normal;
+
   cursor: inherit;
 
   box-sizing: border-box;
diff --git a/core/src/components/select/test/card/select.e2e.ts b/core/src/components/select/test/card/select.e2e.ts
new file mode 100644
index 0000000000..9c470a96fd
--- /dev/null
+++ b/core/src/components/select/test/card/select.e2e.ts
@@ -0,0 +1,22 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('select: card', () => {
+  test('should render correctly in card', async ({ page, skip }) => {
+    skip.rtl();
+    skip.mode('ios');
+
+    await page.setContent(`
+      <ion-card>
+        <ion-card-content>
+          <ion-item style="border: 1px solid grey" lines="none">
+            <ion-select label="select" label-placement="stacked"></ion-select>
+          </ion-item>
+        </ion-card-content>
+      </ion-card>
+    `);
+
+    const card = page.locator('ion-card');
+    expect(await card.screenshot()).toMatchSnapshot(`select-card-${page.getSnapshotSettings()}.png`);
+  });
+});
diff --git a/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddbfd4376a37a68bd5d076b63bc88ca76186de10
GIT binary patch
literal 5045
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2902c904e7106bcd773182b76b167dd18c0c8b38
GIT binary patch
literal 1962
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
P8;qa_G6Gs?(K&ws1#Vuw

literal 0
HcmV?d00001

diff --git a/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..56f7bd23a8732148efc2949a12a67106b556a000
GIT binary patch
literal 4705
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

literal 0
HcmV?d00001

diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts b/core/src/components/textarea/test/card/textarea.e2e.ts
new file mode 100644
index 0000000000..17ee9210eb
--- /dev/null
+++ b/core/src/components/textarea/test/card/textarea.e2e.ts
@@ -0,0 +1,22 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('textarea: card', () => {
+  test('should render correctly in card', async ({ page, skip }) => {
+    skip.rtl();
+    skip.mode('ios');
+
+    await page.setContent(`
+      <ion-card>
+        <ion-card-content>
+          <ion-item style="border: 1px solid grey" lines="none">
+            <ion-textarea label="textarea" label-placement="stacked"></ion-textarea>
+          </ion-item>
+        </ion-card-content>
+      </ion-card>
+    `);
+
+    const card = page.locator('ion-card');
+    expect(await card.screenshot()).toMatchSnapshot(`textarea-card-${page.getSnapshotSettings()}.png`);
+  });
+});
diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..be96fa7e3bd8c017315f4b09b6d2eb17d5a26dd3
GIT binary patch
literal 5127
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

literal 0
HcmV?d00001

diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..eeb56d5225a53a087b5df91808ede68e1075c1c9
GIT binary patch
literal 2288
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
RB!fR0h)nWw<q^*%{|*}o#)<#{

literal 0
HcmV?d00001

diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c1975175e1be7057f2ea881e3b7da9da3e10483
GIT binary patch
literal 4771
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

literal 0
HcmV?d00001

diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index f7ae9fe3e1..76a56a15a4 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -261,6 +261,8 @@
   transition: background-color 15ms linear;
 
   background: var(--background);
+
+  line-height: normal;
 }
 
 // Textarea Native Wrapper