From bf16a17817f9f151566d37a071fda844e268be1c Mon Sep 17 00:00:00 2001
From: Daichi Hashimura <dhashi92@gmail.com>
Date: Fri, 8 Nov 2024 19:24:04 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=8D=E8=A6=81=E3=81=AA=E3=82=B3?=
 =?UTF-8?q?=E3=83=BC=E3=83=89=E3=81=AE=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/smarthr-ui/src/components/Textarea/Textarea.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/smarthr-ui/src/components/Textarea/Textarea.tsx b/packages/smarthr-ui/src/components/Textarea/Textarea.tsx
index dc7d6451e0..46d778750f 100644
--- a/packages/smarthr-ui/src/components/Textarea/Textarea.tsx
+++ b/packages/smarthr-ui/src/components/Textarea/Textarea.tsx
@@ -75,7 +75,6 @@ const textarea = tv({
     ],
     counter: 'smarthr-ui-Textarea-counter shr-block shr-text-sm',
     counterText: 'shr-text-black',
-    srOnlyNotice: 'shr-sr-only',
   },
   variants: {
     error: {
@@ -234,7 +233,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, Props & ElementProps>(
       [autoResize, lineHeight.normal, maxRows, onInput, rows],
     )
     const { textareaStyleProps, counterStyle, counterTextStyle } = useMemo(() => {
-      const { textareaEl, counter, counterText, srOnlyNotice } = textarea()
+      const { textareaEl, counter, counterText } = textarea()
       return {
         textareaStyleProps: {
           className: textareaEl({ className }),
@@ -242,7 +241,6 @@ export const Textarea = forwardRef<HTMLTextAreaElement, Props & ElementProps>(
         },
         counterStyle: counter(),
         counterTextStyle: counterText({ error: !!(maxLetters && maxLetters - count < 0) }),
-        srOnlyNoticeStyle: srOnlyNotice(),
       }
     }, [className, count, maxLetters, width])
 
@@ -274,9 +272,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, Props & ElementProps>(
           </span>
         </span>
 
-        <VisuallyHiddenText aria-live="polite" aria-atomic={true}>
-          {srCounterMessage}
-        </VisuallyHiddenText>
+        <VisuallyHiddenText aria-live="polite">{srCounterMessage}</VisuallyHiddenText>
         <VisuallyHiddenText id={maxLettersNoticeId}>
           こちらは文字カウンター付きの入力欄です。最大{maxLetters}文字まで入力できます。
         </VisuallyHiddenText>