diff --git a/core/src/components/select/select.ios.scss b/core/src/components/select/select.ios.scss
index 21d9182d23d..4c89a362905 100644
--- a/core/src/components/select/select.ios.scss
+++ b/core/src/components/select/select.ios.scss
@@ -28,10 +28,18 @@
}
.select-icon {
- width: 18px;
- height: 18px;
+ width: $select-ios-icon-size;
+ height: $select-ios-icon-size;
// Color deviates from the iOS spec, but satisfies WCAG AAA:
// https://www.w3.org/TR/WCAG20-TECHS/G18.html
color: #{$text-color-step-350};
}
+
+// Select Native Wrapper
+// ----------------------------------------------------------------
+
+:host(.select-label-placement-stacked) .native-wrapper,
+:host(.select-label-placement-floating) .native-wrapper {
+ width: calc(100% - $select-ios-icon-size - $select-icon-margin-start);
+}
diff --git a/core/src/components/select/select.ios.vars.scss b/core/src/components/select/select.ios.vars.scss
index 040c535ccf3..a9c62dcbc52 100644
--- a/core/src/components/select/select.ios.vars.scss
+++ b/core/src/components/select/select.ios.vars.scss
@@ -19,6 +19,9 @@ $select-ios-padding-start: $item-ios-padding-start !default;
/// @prop - Color of the select icon
$select-ios-icon-color: $text-color-step-650 !default;
+/// @prop - Size of the select icon
+$select-ios-icon-size: 18px !default;
+
/// @prop - Color of the select placeholder
$select-ios-placeholder-color: $select-ios-icon-color !default;
diff --git a/core/src/components/select/select.md.scss b/core/src/components/select/select.md.scss
index 2855f5752b4..874108db36d 100644
--- a/core/src/components/select/select.md.scss
+++ b/core/src/components/select/select.md.scss
@@ -25,7 +25,7 @@
}
.select-icon {
- width: 13px;
+ width: $select-md-icon-size;
transition: transform .15s cubic-bezier(.4, 0, .2, 1);
@@ -142,3 +142,11 @@
:host(.select-shape-round) {
--border-radius: 16px;
}
+
+// Select Native Wrapper
+// ----------------------------------------------------------------
+
+:host(.select-label-placement-stacked) .native-wrapper,
+:host(.select-label-placement-floating) .native-wrapper {
+ width: calc(100% - $select-md-icon-size - $select-icon-margin-start);
+}
diff --git a/core/src/components/select/select.md.vars.scss b/core/src/components/select/select.md.vars.scss
index ea20b33d5b2..7d38d11f47f 100644
--- a/core/src/components/select/select.md.vars.scss
+++ b/core/src/components/select/select.md.vars.scss
@@ -19,6 +19,9 @@ $select-md-padding-start: $item-md-padding-start !default;
/// @prop - Color of the select icon
$select-md-icon-color: $text-color-step-600 !default;
+/// @prop - Size of the select icon
+$select-md-icon-size: 13px !default;
+
/// @prop - Color of the select placeholder
$select-md-placeholder-color: $select-md-icon-color !default;
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index 558cc83e248..d9c709bee76 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -125,7 +125,7 @@ button {
// --------------------------------------------------
.select-icon {
- @include margin(0, 0, 0, 4px);
+ @include margin(0, 0, 0, $select-icon-margin-start);
position: relative;
}
diff --git a/core/src/components/select/select.vars.scss b/core/src/components/select/select.vars.scss
index ccf3eaa478e..5f0e77e6a39 100644
--- a/core/src/components/select/select.vars.scss
+++ b/core/src/components/select/select.vars.scss
@@ -2,3 +2,6 @@
/// @prop - How much to scale the floating label by
$select-floating-label-scale: 0.75 !default;
+
+/// @prop - Margin start of the select icon
+$select-icon-margin-start: 4px !default;
diff --git a/core/src/components/select/test/label/select.e2e.ts b/core/src/components/select/test/label/select.e2e.ts
index 465a29271eb..adf6d84fdd4 100644
--- a/core/src/components/select/test/label/select.e2e.ts
+++ b/core/src/components/select/test/label/select.e2e.ts
@@ -168,17 +168,17 @@ test.describe('select: label', () => {
`select-label-floating-expanded-${page.getSnapshotSettings()}.png`
);
});
- test('long label should truncate', async ({ page }) => {
+ test('long text should truncate', async ({ page }) => {
await page.setContent(`
- Apples
+ Apples Apples Apples Apples Apples Apples Apples Apples
`);
const select = page.locator('ion-select');
expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
- `select-label-floating-long-label-${page.getSnapshotSettings()}.png`
+ `select-label-floating-long-text-${page.getSnapshotSettings()}.png`
);
});
});
@@ -219,17 +219,17 @@ test.describe('select: label', () => {
`select-label-stacked-expanded-${page.getSnapshotSettings()}.png`
);
});
- test('long label should truncate', async ({ page }) => {
+ test('long text should truncate', async ({ page }) => {
await page.setContent(`
- Apples
+ Apples Apples Apples Apples Apples Apples Apples Apples
`);
const select = page.locator('ion-select');
expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
- `select-label-stacked-long-label-${page.getSnapshotSettings()}.png`
+ `select-label-stacked-long-text-${page.getSnapshotSettings()}.png`
);
});
});
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 285997b9ede..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 7cd4aacdbb3..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 688c0f216cb..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 1790276d3ba..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 6a285fa2953..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index f8f9ecbbdab..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index fb1fce22e86..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 0af317ac3e7..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 93b88edcdee..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 9e5a0af6fe1..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 7c9bca561b7..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index c43a2dd0c90..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-label-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..fee0a04b0cf
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..3ced41b34a2
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..ef5b1e95793
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..f825af2a64e
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..901eb2f8f69
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..a5d0f80fd1c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..3256c24a297
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..b0915d2d15c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..5ea919cb83c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..20c66ae612f
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..70f2027262e
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..4b8a8ba60a5
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 285997b9ede..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 7cd4aacdbb3..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 688c0f216cb..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 1790276d3ba..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 6a285fa2953..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index f8f9ecbbdab..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index fb1fce22e86..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 0af317ac3e7..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 93b88edcdee..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 9e5a0af6fe1..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 7c9bca561b7..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index c43a2dd0c90..00000000000
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-label-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..fee0a04b0cf
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..3ced41b34a2
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..ef5b1e95793
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..f825af2a64e
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..901eb2f8f69
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..a5d0f80fd1c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..3256c24a297
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..b0915d2d15c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..5ea919cb83c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..20c66ae612f
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..70f2027262e
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..4b8a8ba60a5
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Safari-linux.png differ