Fix .find is not available from QSA

cheeaun · Dec 22, 2024 · 27e7eef · 27e7eef
1 parent 1bb8c0d
commit 27e7eef
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/utils/focus-deck.js b/src/utils/focus-deck.js
@@ -8,12 +8,12 @@ const focusDeck = () => {
         focusedColumn.focus();
       } else {
         // Focus first column within viewport
-        const firstVisibleColumn = columns
-          .querySelectorAll('.deck-container')
-          .find((column) => {
-            const columnRect = column.getBoundingClientRect();
-            return columnRect.left >= 0;
-          });
+        const firstVisibleColumn = Array.from(
+          columns.querySelectorAll('.deck-container'),
+        ).find((column) => {
+          const columnRect = column.getBoundingClientRect();
+          return columnRect.left >= 0;
+        });
         if (firstVisibleColumn) {
           firstVisibleColumn.focus();
         } else {