@playpilot/tpi 6.0.0 → 6.0.1-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "6.0.0",
+	"version": "6.0.1-beta.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/src/lib/scroll.ts

@@ -0,0 +1,13 @@
+export function getScrollRoot(): HTMLElement {
+  const html = document.documentElement
+  const body = document.body
+
+  html.scrollTop += 1
+
+  if (html.scrollTop > 0) {
+    html.scrollTop = 0
+    return html
+  }
+
+  return body
+}

package/src/routes/components/Modal.svelte

@@ -9,6 +9,7 @@
   import { mobileBreakpoint } from '$lib/constants'
   import { destroyAllModals, getPreviousModal, goBackToPreviousModal } from '$lib/modal'
   import { focustrap } from '$lib/actions/focustrap'
+  import { getScrollRoot } from '$lib/scroll'
 
   interface Props {
     children: Snippet
@@ -52,8 +53,9 @@
   setContext('scope', 'modal')
 
   onMount(() => {
-    const baseOverflowStyle = document.body.style.overflowY
-    document.body.style.overflowY = 'hidden'
+    const scrollElement = getScrollRoot()
+    const baseOverflowStyle = scrollElement.style.overflowY
+    scrollElement.style.overflowY = 'hidden'
 
     hasPreviousModal = !!getPreviousModal()
 
@@ -64,7 +66,7 @@
     requestAnimationFrame(setInitialScrollPosition)
 
     return () => {
-      document.body.style.overflowY = baseOverflowStyle || ''
+      scrollElement.style.overflowY = baseOverflowStyle || ''
 
       // Remove the modal entry from above from the browser history. This is done only once for the entire stack.
       // We check for getPreviousModal not because we really care about the previous modal, but to check if all