From 957591e1c0c0fd9713bd38ca39d94778e0b604dd Mon Sep 17 00:00:00 2001
From: Ozzie Neher <oz.neher@gmail.com>
Date: Fri, 27 May 2022 10:30:39 +1000
Subject: [PATCH] fixes z-index, removes duplicated modal

---
 src/stubs/resources/js/Jetstream/Dropdown.tsx |  5 ++-
 src/stubs/resources/js/Jetstream/Modal.tsx    | 43 -------------------
 2 files changed, 3 insertions(+), 45 deletions(-)

diff --git a/src/stubs/resources/js/Jetstream/Dropdown.tsx b/src/stubs/resources/js/Jetstream/Dropdown.tsx
index 4fff5a5..769e13d 100644
--- a/src/stubs/resources/js/Jetstream/Dropdown.tsx
+++ b/src/stubs/resources/js/Jetstream/Dropdown.tsx
@@ -41,7 +41,7 @@ export default function JetDropdown({
         className="fixed inset-0 z-40"
         style={{ display: open ? 'block' : 'none' }}
         onClick={() => setOpen(false)}
-      ></div>
+      />
 
       <Transition
         show={open}
@@ -51,10 +51,11 @@ export default function JetDropdown({
         leave="transition ease-in duration-75"
         leaveFrom="transform opacity-100 scale-100"
         leaveTo="transform opacity-0 scale-95"
+        className={'relative z-50'}
       >
         <div
           className={classNames(
-            'absolute z-50 mt-2 rounded-md shadow-lg',
+            'absolute mt-2 rounded-md shadow-lg',
             widthClass,
             alignmentClasses,
           )}
diff --git a/src/stubs/resources/js/Jetstream/Modal.tsx b/src/stubs/resources/js/Jetstream/Modal.tsx
index e1d3473..9c90565 100644
--- a/src/stubs/resources/js/Jetstream/Modal.tsx
+++ b/src/stubs/resources/js/Jetstream/Modal.tsx
@@ -79,47 +79,4 @@ export default function JetModal({
     </Transition.Root>,
     document.body,
   );
-
-  return ReactDOM.createPortal(
-    <Transition show={isOpen} leave="duration-200">
-      <div className="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50">
-        <Transition
-          show={isOpen}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div
-            className="fixed inset-0 transform transition-all"
-            onClick={onClose}
-          >
-            <div className="absolute inset-0 bg-gray-500 opacity-75"></div>
-          </div>
-        </Transition>
-
-        <Transition
-          show={isOpen}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-          enterTo="opacity-100 translate-y-0 sm:scale-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-          leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-        >
-          <div
-            className={classNames(
-              'mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto',
-              maxWidthClass,
-            )}
-          >
-            {children}
-          </div>
-        </Transition>
-      </div>
-    </Transition>,
-    document.body,
-  );
 }