use div[role=dialog] instead of dialog element (#2350)

folio-org · Sep 20, 2024 · 14fecb4 · 14fecb4
1 parent 020dca9
commit 14fecb4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/lib/Modal/Modal.js b/lib/Modal/Modal.js
@@ -190,7 +190,8 @@ const Modal = forwardRef((props, ref) => {
           className={css.backdrop}
           onClick={handleBackgroundClick}
         />
-        <dialog
+        <div
+          role="dialog"
           className={classNames(css.modalRoot, css[status])}
           ref={modalElem}
           onFocus={focusEntered}
@@ -263,7 +264,7 @@ const Modal = forwardRef((props, ref) => {
               )
             }
           </WrappingElement>
-        </dialog>
+        </div>
       </>
     ),
     refreshPortal()