fix: text & number input z-index

lovrozagar · Jul 6, 2024 · 3bfb519 · 3bfb519
1 parent 3256236
commit 3bfb519
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@renderui/core",
-  "version": "1.3.8",
+  "version": "1.3.9",
   "private": false,
   "description": "React UI library with highly modular and ready-out-of-the-box components",
   "license": "MIT",

diff --git a/src/components/number-input/constants/constants.ts b/src/components/number-input/constants/constants.ts
@@ -16,7 +16,7 @@ const DEFAULT_NUMBER_SPIN_BUTTON_ICON_CLASSNAME = 'pointer-events-none relative
 const DEFAULT_NUMBER_INPUT_CONTAINER_CLASSNAME = 'render-ui-number-input-container'
 
 const DEFAULT_NUMBER_INPUT_CLASSNAME =
-  'render-ui-number-input text-sm pl-3 pr-[44px] appearence-none text-mode-contrast bg-transparent outline-none text-elipsis overflow-hidden min-w-[0px] h-full w-full data-[disabled=true]:cursor-[inherit] data-[disabled=true]:pointer-events-none placeholder:text-mode-foreground/50'
+  'render-ui-number-input relative z-[1] text-sm pl-3 pr-[44px] appearence-none text-mode-contrast bg-transparent outline-none text-elipsis overflow-hidden min-w-[0px] h-full w-full data-[disabled=true]:cursor-[inherit] data-[disabled=true]:pointer-events-none placeholder:text-mode-foreground/50'
 
 const DFEAULT_NUMBER_INPUT_SPIN_BUTTON_CONTAINER_CLASSNAME =
   'render-ui-number-input-spin-button-container render-ui-number-input-increment absolute right-0 top-0 flex h-full flex-col border-l p-0'

diff --git a/src/components/text-input/constants/constants.ts b/src/components/text-input/constants/constants.ts
@@ -6,7 +6,7 @@ const TEXT_INPUT_CONTAINER_BASE_PADDING = 'pr-3'
 const TEXT_INPUT_CONTAINER_ACTIONS_PADDING = 'pr-1.5'
 
 const DEFAULT_TEXT_INPUT_CLASSNAME =
-  'render-ui-text_input text-elipsis h-full w-full min-w-[0px] pl-3 overflow-hidden bg-transparent text-sm text-mode-contrast outline-none data-[disabled=true]:cursor-[inherit] data-[disabled=true]:pointer-events-none placeholder:text-mode-foreground/50'
+  'render-ui-text_input relative z-[1] text-elipsis h-full w-full min-w-[0px] pl-3 overflow-hidden bg-transparent text-sm text-mode-contrast outline-none data-[disabled=true]:cursor-[inherit] data-[disabled=true]:pointer-events-none placeholder:text-mode-foreground/50'
 
 const DEFAULT_TEXT_INPUT_PASSWORD_TOGGLE_CLASSNAME =
   'render-ui-text_input-password-toggle relative z-[10] flex h-6 w-6 mr-2 shrink-0 items-center justify-center rounded-full ring-offset-mode-accent p-0 [&]:data-[focus-visible=true]:ring-[2px]'