From 62e39ee90a462df7c0536cefbc08bdf9a265e124 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 1 Aug 2024 23:33:19 +0800
Subject: [PATCH] fix: Avoid using aria-hidden on a focused element

---
 src/Dialog/Content/Panel.tsx            | 4 ++--
 tests/__snapshots__/index.spec.tsx.snap | 4 ----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/Dialog/Content/Panel.tsx b/src/Dialog/Content/Panel.tsx
index 4dfffa14..e26a6a46 100644
--- a/src/Dialog/Content/Panel.tsx
+++ b/src/Dialog/Content/Panel.tsx
@@ -121,11 +121,11 @@ const Panel = React.forwardRef<ContentRef, PanelProps>((props, ref) => {
       onMouseDown={onMouseDown}
       onMouseUp={onMouseUp}
     >
-      <div tabIndex={0} ref={sentinelStartRef} style={sentinelStyle} aria-hidden="true" />
+      <div tabIndex={0} ref={sentinelStartRef} style={sentinelStyle} />
       <MemoChildren shouldUpdate={visible || forceRender}>
         {modalRender ? modalRender(content) : content}
       </MemoChildren>
-      <div tabIndex={0} ref={sentinelEndRef} style={sentinelStyle} aria-hidden="true" />
+      <div tabIndex={0} ref={sentinelEndRef} style={sentinelStyle} />
     </div>
   );
 });
diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap
index fa4114f1..b80dd96c 100644
--- a/tests/__snapshots__/index.spec.tsx.snap
+++ b/tests/__snapshots__/index.spec.tsx.snap
@@ -19,7 +19,6 @@ exports[`dialog add rootClassName should render correct 1`] = `
       style="width: 600px; height: 903px;"
     >
       <div
-        aria-hidden="true"
         style="width: 0px; height: 0px; overflow: hidden; outline: none;"
         tabindex="0"
       />
@@ -40,7 +39,6 @@ exports[`dialog add rootClassName should render correct 1`] = `
         />
       </div>
       <div
-        aria-hidden="true"
         style="width: 0px; height: 0px; overflow: hidden; outline: none;"
         tabindex="0"
       />
@@ -67,7 +65,6 @@ exports[`dialog should render correct 1`] = `
       role="dialog"
     >
       <div
-        aria-hidden="true"
         style="width: 0px; height: 0px; overflow: hidden; outline: none;"
         tabindex="0"
       />
@@ -98,7 +95,6 @@ exports[`dialog should render correct 1`] = `
         />
       </div>
       <div
-        aria-hidden="true"
         style="width: 0px; height: 0px; overflow: hidden; outline: none;"
         tabindex="0"
       />