fix: form icons z-index

shuriken-ui · Oct 14, 2023 · 7e03449 · 7e03449
1 parent 900308e
commit 7e03449
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/plugins/components/autocomplete/index.ts b/src/plugins/components/autocomplete/index.ts
@@ -316,7 +316,7 @@ export default plugin.withOptions(
             [`@apply relative`]: {},
           },
           [`.${prefix}autocomplete-icon`]: {
-            [`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
+            [`@apply text-${config.icon.text} absolute start-0 top-0 z-10 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
               {},
           },
           [`.${prefix}autocomplete-input`]: {

diff --git a/src/plugins/components/input/index.ts b/src/plugins/components/input/index.ts
@@ -228,7 +228,7 @@ export default plugin.withOptions(
             [`@apply relative`]: {},
           },
           [`.${prefix}input-icon`]: {
-            [`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
+            [`@apply text-${config.icon.text} absolute start-0 top-0 z-10 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
               {},
           },
           [`.${prefix}input-error-text`]: {

diff --git a/src/plugins/components/listbox/index.ts b/src/plugins/components/listbox/index.ts
@@ -359,7 +359,7 @@ export default plugin.withOptions(
               },
           },
           [`.${prefix}listbox-icon`]: {
-            [`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
+            [`@apply text-${config.icon.text} absolute start-0 top-0 z-10 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
               {},
           },
           [`.${prefix}listbox-chevron`]: {

diff --git a/src/plugins/components/select/index.ts b/src/plugins/components/select/index.ts
@@ -200,7 +200,7 @@ export default plugin.withOptions(
             [`@apply relative`]: {},
           },
           [`.${prefix}select-icon`]: {
-            [`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
+            [`@apply text-${config.icon.text} absolute start-0 top-0 z-10 flex items-center justify-center transition-colors duration-${config.icon.duration}`]:
               {},
           },
           [`.${prefix}select-error-text`]: {
@@ -234,7 +234,7 @@ export default plugin.withOptions(
           },
           [`.${prefix}select-chevron`]: {
             '@apply pointer-events-none': {},
-            [`@apply text-${config.select.chevron.text} absolute end-0 top-0 z-20 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]:
+            [`@apply text-${config.select.chevron.text} absolute end-0 top-0 z-10 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]:
               {},
           },
           [`&.${prefix}select-multiple`]: {