diff --git a/core/src/components/select/select.ios.scss b/core/src/components/select/select.ios.scss
index 21d9182d23..4c89a36290 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 040c535ccf..a9c62dcbc5 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 2855f5752b..874108db36 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 ea20b33d5b..7d38d11f47 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 558cc83e24..d9c709bee7 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 ccf3eaa478..5f0e77e6a3 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 465a29271e..adf6d84fdd 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 285997b9ed..0000000000
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 7cd4aacdbb..0000000000
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 688c0f216c..0000000000
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 1790276d3b..0000000000
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 6a285fa295..0000000000
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 f8f9ecbbda..0000000000
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 fb1fce22e8..0000000000
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 0af317ac3e..0000000000
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 93b88edcde..0000000000
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 9e5a0af6fe..0000000000
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 7c9bca561b..0000000000
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 c43a2dd0c9..0000000000
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 0000000000..fee0a04b0c
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 0000000000..3ced41b34a
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 0000000000..ef5b1e9579
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 0000000000..f825af2a64
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 0000000000..901eb2f8f6
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 0000000000..a5d0f80fd1
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 0000000000..3256c24a29
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 0000000000..b0915d2d15
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 0000000000..5ea919cb83
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 0000000000..20c66ae612
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 0000000000..70f2027262
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 0000000000..4b8a8ba60a
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 285997b9ed..0000000000
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 7cd4aacdbb..0000000000
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 688c0f216c..0000000000
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 1790276d3b..0000000000
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 6a285fa295..0000000000
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 f8f9ecbbda..0000000000
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 fb1fce22e8..0000000000
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 0af317ac3e..0000000000
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 93b88edcde..0000000000
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 9e5a0af6fe..0000000000
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 7c9bca561b..0000000000
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 c43a2dd0c9..0000000000
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 0000000000..fee0a04b0c
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 0000000000..3ced41b34a
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 0000000000..ef5b1e9579
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 0000000000..f825af2a64
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 0000000000..901eb2f8f6
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 0000000000..a5d0f80fd1
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 0000000000..3256c24a29
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 0000000000..b0915d2d15
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 0000000000..5ea919cb83
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 0000000000..20c66ae612
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 0000000000..70f2027262
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 0000000000..4b8a8ba60a
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