fix: allow users to click input when populated, closes leather-io#4582

Nithishvb · Jan 17, 2024 · 72acbe5 · 72acbe5
1 parent c6a2262
commit 72acbe5
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/app/components/text-input-field.tsx b/src/app/components/text-input-field.tsx
@@ -61,7 +61,7 @@ export function TextInputField({
         borderRadius="sm"
         className={css({
           '& :has(:focus)::before': {
-            border: '2px solid #bfc6ff',
+            border: '1px solid green',
           },
         })}
         cursor="text"
@@ -124,6 +124,7 @@ export function TextInputField({
           spellCheck="false"
           textStyle="body.02"
           width="100%"
+          zIndex={1}
           {...field}
           onBlur={e => {
             onBlur?.();