モーダルのフォーカス修正

resources/views/layouts/app.blade.php

@@ -50,6 +50,20 @@
     <script src="{{ asset('assets/js/vendor/jquery.tablesorter/jquery.tablesorter.min.js') }}" type="text/javascript"></script>
     <script src="{{ asset('assets/js/commons.js') }}"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.js"></script>
+    <script>
+        $(document).ready(function() {
+            // モーダルを閉じる前にフォーカスを解除
+            $('.modal').on('hide.bs.modal', function(e) {
+                $(this).find(':focus').blur();
+            });
+
+            // モーダルが完全に閉じた後、body にフォーカスを戻す
+            $('.modal').on('hidden.bs.modal', function() {
+                $('body').focus();
+            });
+        });
+    </script>
     @yield('scripts')
 </body>