fix: error on modals missing focusable elements

antares-sql · Jun 30, 2022 · 7702ca0 · 7702ca0
1 parent e97da37
commit 7702ca0
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/renderer/composables/useFocusTrap.ts b/src/renderer/composables/useFocusTrap.ts
@@ -60,11 +60,14 @@ const useFocusTrap = (args?: {disableAutofocus?: boolean}) => {
       focusableElements = (trapRef.value as HTMLElement).querySelectorAll(
          focusableElementsSelector
       );
-      $firstFocusable = focusableElements[0];
-      $lastFocusable = focusableElements[focusableElements.length - 1];
-      document.addEventListener('keydown', keyHandler);
-      isInitiated.value = true;
-      if (!localArgs.disableAutofocus) $firstFocusable.focus();
+
+      if (focusableElements.length) {
+         $firstFocusable = focusableElements[0];
+         $lastFocusable = focusableElements[focusableElements.length - 1];
+         document.addEventListener('keydown', keyHandler);
+         isInitiated.value = true;
+         if (!localArgs.disableAutofocus) $firstFocusable.focus();
+      }
    }
 
    function clearFocusTrap () {