fix(input, input-number, input-text): fix input icons not displaying …

…properly in Firefox (#5475) #5417
Esri · Oct 14, 2022 · 3d6ba64 · 3d6ba64
1 parent d81065d
commit 3d6ba64
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/components/input-number/input-number.scss b/src/components/input-number/input-number.scss
@@ -163,7 +163,9 @@
   @apply transition-default
     pointer-events-none
     absolute
-    block;
+    block
+
+    z-default; // needed for firefox to display the icon properly
 }
 
 .clear-button {

diff --git a/src/components/input-text/input-text.scss b/src/components/input-text/input-text.scss
@@ -160,7 +160,9 @@ input:focus {
   @apply transition-default
     pointer-events-none
     absolute
-    block;
+    block
+
+    z-default; // needed for firefox to display the icon properly
 }
 
 // hide browser default clear

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -219,6 +219,11 @@
     block;
 }
 
+.icon,
+.resize-icon-wrapper {
+  @apply z-default; // needed for firefox to display the icon properly
+}
+
 // hide browser default clear
 
 input[type="text"]::-ms-clear,