From 14fecb4ccee4e08ec96eb5c51c380d516fcbbdc3 Mon Sep 17 00:00:00 2001
From: John Coburn <jcoburn@ebsco.com>
Date: Fri, 20 Sep 2024 08:25:24 -0500
Subject: [PATCH] use div[role=dialog] instead of dialog element (#2350)

---
 lib/Modal/Modal.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/Modal/Modal.js b/lib/Modal/Modal.js
index 5db420430..8bd7f7b49 100644
--- 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()