fix(select): add position styles to work as standalone

ionic-team · Sep 18, 2018 · 224b4f8 · 224b4f8
1 parent fd1b636
commit 224b4f8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
@@ -18,6 +18,8 @@
 
   display: flex;
 
+  position: relative;
+
   color: var(--color);
 
   font-family: $font-family-base;
@@ -26,6 +28,8 @@
 }
 
 :host(.in-item) {
+  position: static;
+
   max-width: 45%;
 }
 

diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
@@ -18,6 +18,7 @@ export class Select implements ComponentInterface {
   private inputId = `ion-sel-${selectIds++}`;
   private labelId?: string;
   private overlay?: HTMLIonActionSheetElement | HTMLIonAlertElement | HTMLIonPopoverElement;
+
   @Element() el!: HTMLIonSelectElement;
 
   @Prop({ connect: 'ion-action-sheet-controller' }) actionSheetCtrl!: HTMLIonActionSheetControllerElement;