Merge pull request #415 from depromeet/fix/330/input-tipcard-gap

크로스브라우징 - Firefox textarea overflow 문제 수정
depromeet · Oct 30, 2024 · 3b7daf9 · 3b7daf9
2 parents 872c20f + db11cc9
commit 3b7daf9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/apps/web/src/component/common/input/TextArea.tsx b/apps/web/src/component/common/input/TextArea.tsx
@@ -46,6 +46,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(function
           id={id || textareaContext?.id}
           css={css`
             flex-grow: 1;
+            overflow: auto;
             ::placeholder {
               color: ${DESIGN_TOKEN_COLOR["gray500"]};
               ${DESIGN_TOKEN_TEXT["body15Medium"]}

diff --git a/apps/web/src/style/global.css b/apps/web/src/style/global.css
@@ -69,6 +69,7 @@ textarea {
   height: 1rem;
   background-color: transparent;
   display: none;
+  scrollbar-width: none; /* for firefox */
 }
 
 ::-webkit-scrollbar-thumb {