fix: remove zIndex from Textarea component

traefik · Feb 7, 2023 · 30bf169 · 30bf169
1 parent a382075
commit 30bf169
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Textarea/Textarea.tsx b/components/Textarea/Textarea.tsx
@@ -20,7 +20,6 @@ const StyledTextarea = styled('textarea', {
   WebkitTapHighlightColor: 'rgba(0,0,0,0)',
 
   // Custom
-  zIndex: 1, // layer on top of before/after pseudo
   p: '$3',
   position: 'relative',
   flexGrow: 1, // make sure to grow fully inside TextareaWrapper
@@ -154,13 +153,15 @@ const TextareaWrapper = styled('div', {
     content: '""',
     position: 'absolute',
     inset: 0,
+    pointerEvents: 'none',
   },
   '&::after': {
     boxSizing: 'border-box',
     borderRadius: 'inherit',
     content: '""',
     position: 'absolute',
     inset: 0,
+    pointerEvents: 'none',
   },
 
   '&:focus-visible': {
@@ -225,7 +226,6 @@ const AdornmentWrapperEnd = styled('div', {
   right: '$3',
   minWidth: '$5',
   minHeight: '$5',
-  zIndex: 1,
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',