diff --git a/packages/core/src/components/select/select.scss b/packages/core/src/components/select/select.scss
index 7faa78e3fc..256f3d64d7 100644
--- a/packages/core/src/components/select/select.scss
+++ b/packages/core/src/components/select/select.scss
@@ -69,3 +69,12 @@ ion-select {
.select-key button {
border: 2px solid #5e9ed6;
}
+
+
+// Stacked & Floating Select
+// --------------------------------------------------
+
+.item-label-stacked .select,
+.item-label-floating .select {
+ max-width: 100%;
+}
\ No newline at end of file
diff --git a/packages/core/src/components/select/select.tsx b/packages/core/src/components/select/select.tsx
index 5016e2f966..ec9c924bc0 100644
--- a/packages/core/src/components/select/select.tsx
+++ b/packages/core/src/components/select/select.tsx
@@ -181,6 +181,7 @@ export class Select {
value: this.value,
text: this.text
});
+ this.emitStyle();
}
@Listen('ionSelectOptionDidLoad')
@@ -240,7 +241,6 @@ export class Select {
this.value = this.multiple ? [] : undefined;
}
this.name = this.name || this.selectId;
- this.emitStyle();
}
componentDidLoad() {
@@ -269,6 +269,7 @@ export class Select {
this.text = checked.textContent;
}
}
+ this.emitStyle();
}
getLabel() {
diff --git a/packages/core/src/components/select/test/basic/index.html b/packages/core/src/components/select/test/basic/index.html
index 5c260ef266..21e9ac733b 100644
--- a/packages/core/src/components/select/test/basic/index.html
+++ b/packages/core/src/components/select/test/basic/index.html
@@ -207,10 +207,36 @@