From 224b4f83b200bea1522a08f8ad8cfa7ab675ead1 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Tue, 18 Sep 2018 15:41:53 -0400
Subject: [PATCH] fix(select): add position styles to work as standalone

---
 core/src/components/select/select.scss | 4 ++++
 core/src/components/select/select.tsx  | 1 +
 2 files changed, 5 insertions(+)

diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index 57eb9d213c..1656900d02 100644
--- 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
index 65273386c9..7544dce8de 100644
--- 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;