Fix page flow (#36)

oscartbeaumont · web-flow · commit 6e4aa2eecd2b · 2025-08-14T07:45:50.000+02:00
Fixes the following: https://github.com/user-attachments/assets/7282d978-d034-4d73-872d-f83a7bd0378d This was a regression from #29
diff --git a/packages/react-devtools/src/devtools.tsx b/packages/react-devtools/src/devtools.tsx
@@ -153,7 +153,7 @@ export const TanstackDevtools = ({
 
   return (
     <>
-      <div style={{ height: '100%' }} ref={devToolRef} />
+      <div style={{ position: 'absolute' }} ref={devToolRef} />
       {pluginContainer && PluginComponent
         ? createPortal(<>{PluginComponent}</>, pluginContainer)
         : null}
diff --git a/packages/solid-devtools/src/core.tsx b/packages/solid-devtools/src/core.tsx
@@ -126,5 +126,5 @@ export default function SolidDevtoolsCore({
       })
     }
   })
-  return <div style={{ height: '100%' }} ref={devToolRef} />
+  return <div style={{ position: 'absolute' }} ref={devToolRef} />
 }

Original file line number	Diff line number	Diff line change
`@@ -126,5 +126,5 @@ export default function SolidDevtoolsCore({`
`126`	`126`	`})`
`127`	`127`	`}`
`128`	`128`	`})`
`129`		`- return <div style={{ height: '100%' }} ref={devToolRef} />`
	`129`	`+ return <div style={{ position: 'absolute' }} ref={devToolRef} />`
`130`	`130`	`}`