fix(inputs): add z-index for all inputs

fixes #16157
ionic-team · Oct 31, 2018 · 92ee4ef · 92ee4ef
1 parent 9da51b3
commit 92ee4ef
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 1 deletion.
diff --git a/core/src/components/datetime/datetime.scss b/core/src/components/datetime/datetime.scss
@@ -27,6 +27,7 @@
   white-space: nowrap;
 
   overflow: hidden;
+  z-index: $z-index-item-input;
 }
 
 :host(.in-item) {

diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
@@ -44,6 +44,8 @@
   /* stylelint-enable */
 
   font-family: $font-family-base;
+
+  z-index: $z-index-item-input;
 }
 
 :host(.ion-color) {

diff --git a/core/src/components/range/range.scss b/core/src/components/range/range.scss
@@ -25,6 +25,7 @@
   font-family: $font-family-base;
 
   user-select: none;
+  z-index: $z-index-item-input;
 }
 
 ::slotted(ion-label) {

diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
@@ -17,14 +17,14 @@
   @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
 
   display: flex;
-
   position: relative;
 
   color: var(--color);
 
   font-family: $font-family-base;
 
   overflow: hidden;
+  z-index: $z-index-item-input;
 }
 
 :host(.in-item) {

diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
@@ -41,6 +41,8 @@
   color: var(--color);
 
   font-family: $font-family-base;
+
+  z-index: $z-index-item-input;
 }
 
 :host(.ion-color) {

diff --git a/core/src/components/toggle/toggle.scss b/core/src/components/toggle/toggle.scss
@@ -21,6 +21,7 @@
   cursor: pointer;
   touch-action: none;
   user-select: none;
+  z-index: $z-index-item-input;
 }
 
 :host(.toggle-key) input {