open modals as pages on mobile devices

2026-07-24 21:58:55 +03:00
parent 66862e93c8
commit 807e82b21e
4 changed files with 31 additions and 3 deletions
@@ -0,0 +1,15 @@
+export default class extends HTMLElement {
+  connectedCallback () {
+    if (!this.isMobile()) return
+
+    document.querySelectorAll('a[data-turbo-frame="modal"]').forEach((link) => {
+      link.dataset.turboFrame = '_top'
+    })
+  }
+
+  isMobile () {
+    const isTouchWebkit = 'ontouchstart' in window && navigator.maxTouchPoints > 0 && /AppleWebKit|android/i.test(navigator.userAgent)
+
+    return isTouchWebkit || /iPhone|iPad|iPod/i.test(navigator.userAgent)
+  }
+}