fix: Escape closing parent modal when using overlayParentActions() (#19282)

packages/support/resources/js/components/modal.js

@@ -89,6 +89,20 @@ export default ({ id }) => ({
         )
     },
 
+    isTopmost() {
+        if (!id) {
+            return true
+        }
+
+        const openModals = document.querySelectorAll('.fi-modal-open')
+
+        if (openModals.length === 0) {
+            return false
+        }
+
+        return openModals[openModals.length - 1].id === id
+    },
+
     close() {
         this.closeQuietly()
 

packages/support/resources/views/components/modal/index.blade.php

@@ -140,7 +140,7 @@
     >
         <{{ filled($wireSubmitHandler) ? 'form' : 'div' }}
             @if ($closeByEscaping)
-                x-on:keydown.window.escape="{{ $closeEventHandler }}"
+                x-on:keydown.window.escape="if (isTopmost()) {{ $closeEventHandler }}"
             @endif
             x-show="isWindowVisible"
             x-transition:enter="fi-transition-enter"