diff --git a/core/src/components/datetime/datetime.scss b/core/src/components/datetime/datetime.scss
index e2844a638f..66b5ae8a9d 100644
--- 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
index 35e7db3ecf..52b50d343d 100644
--- 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
index b00e9a22f5..f607fa02a9 100644
--- 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
index 1656900d02..3c0d76f4cb 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -17,7 +17,6 @@
   @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
 
   display: flex;
-
   position: relative;
 
   color: var(--color);
@@ -25,6 +24,7 @@
   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
index 274aadae25..f644666f42 100644
--- 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
index 6ba2e8a110..36d65935bc 100644
--- 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 {