From 3d6ba64f755887f2077bd435901bbb253438c1d9 Mon Sep 17 00:00:00 2001
From: JC Franco <jfranco@esri.com>
Date: Thu, 13 Oct 2022 17:09:43 -0700
Subject: [PATCH] fix(input, input-number, input-text): fix input icons not
 displaying properly in Firefox (#5475)

#5417
---
 src/components/input-number/input-number.scss | 4 +++-
 src/components/input-text/input-text.scss     | 4 +++-
 src/components/input/input.scss               | 5 +++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/input-number/input-number.scss b/src/components/input-number/input-number.scss
index ea965f7e81e..6991541436a 100755
--- 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
index cd747daae24..4b8a3a40437 100755
--- 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
index e37f37cf151..c938e4f1aff 100755
--- 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,