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%; }