From 27e7eef04b27bf2c633d2a094d0f0ef413f18808 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 22 Dec 2024 09:25:46 +0800
Subject: [PATCH] Fix .find is not available from QSA

---
 src/utils/focus-deck.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/utils/focus-deck.js b/src/utils/focus-deck.js
index 0dac6e46..1ea75275 100644
--- 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 {