fix: Avoid using aria-hidden on a focused element

Author: afc163

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>
   );
 });

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"
       />