fix product-tour on firefox (#1632)

tinacms · Jul 30, 2023 · 0fb1649 · 0fb1649 · vercel · Jul 30, 2023
1 parent 9a606de
commit 0fb1649
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/pages/docs/product-tour.tsx b/pages/docs/product-tour.tsx
@@ -48,13 +48,24 @@ export default function Page(props) {
     if (!activeIds.length) {
       return
     }
-    const imageSrc = (
-      document.querySelector(
-        `h2#${activeIds[0]} ~ *:has(img) img, ` +
-          `h3#${activeIds[0]} ~ *:has(img) img, ` +
-          `h4#${activeIds[0]} ~ *:has(img) img`
-      ) as any
-    )?.src
+
+    const heading = document.querySelector(
+      `h2#${activeIds[0]}, h3#${activeIds[0]}, h4#${activeIds[0]}`
+    )
+    let imageSrc = null
+
+    if (heading) {
+      let sibling = heading.nextElementSibling
+
+      while (sibling) {
+        const image = sibling.querySelector('img')
+        if (image) {
+          imageSrc = image.src
+          break
+        }
+        sibling = sibling.nextElementSibling
+      }
+    }
 
     // limit activeIds to 1
     const deepestActiveIds = activeIds.slice(0, 1)