From 70bb2b8cf3341cacb542c87486fd912dd3a9a25c Mon Sep 17 00:00:00 2001
From: Eric Manganaro <ericmanganaro@gmail.com>
Date: Sun, 7 Jun 2026 03:17:35 -0400
Subject: [PATCH] fix(devtools): allow plugin panel roots to scroll

---
 .changeset/router-plugin-scroll.md         |  5 +++++
 packages/devtools/src/styles/use-styles.ts | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 .changeset/router-plugin-scroll.md

diff --git a/.changeset/router-plugin-scroll.md b/.changeset/router-plugin-scroll.md
new file mode 100644
index 00000000..da94c56d
--- /dev/null
+++ b/.changeset/router-plugin-scroll.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools': patch
+---
+
+Allow direct-mounted plugin panels to inherit full height for embedded scrolling.
diff --git a/packages/devtools/src/styles/use-styles.ts b/packages/devtools/src/styles/use-styles.ts
index 5f67546c..7261fb3e 100644
--- a/packages/devtools/src/styles/use-styles.ts
+++ b/packages/devtools/src/styles/use-styles.ts
@@ -664,10 +664,20 @@ const stylesFactory = (theme: DevtoolsStore['settings']['theme']) => {
     pluginsTabContent: css`
       width: 100%;
       height: 100%;
+      min-width: 0;
+      min-height: 0;
+
+      & > * {
+        min-width: 0;
+        min-height: 0;
+        width: 100%;
+        height: 100%;
+      }
 
       & > * > * {
         min-width: 0;
         min-height: 0;
+        width: 100%;
         height: 100%;
       }