Tanstack Query Devtools does not fill out the whole page height in the tanstack devtools
维护者通常 1 天内回复
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 52/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 冷清
- 技术栈
- react, typescript
调研方向
使用列出的 TanStack Devtools 和 React Query 包，并采用报告中显示的 TanStackDevtools 配置重现该问题。检查 ReactQueryDevtoolsPanel 在常规 devtools 区域中的布局方式；当查询面板填满可用高度，并且仍能正确处理较长的查询列表时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
Describe the bug
When I open the tanstack query devtools tab in tanstack devtools, the tanstack query tab does not fill the whole height.
Your minimal, reproducible example
Reproducable in all sites with tanstack query
Steps to reproduce
- Open tanstack devtools (the general extension) with the tanstack query extension
- Make the devtools area bigger
- Now you see that if you have a long list of query it gets an scroll but the tanstack query extension does noet fill the whole height
Expected behavior
I would expect taht the tanstack query devtools would fill the whole height
How often does this bug happen?
Every time
Screenshots or Videos
I would expect that the devtools would be fill all over the area I marked red
Platform
- OS: Windows
- Browser: Google Chrome
Tanstack Query adapter
react-query
TanStack Query version
5.101.4
TypeScript version
6.0.3
Additional context
"@tanstack/react-query-devtools": "^5.101.4",
"@tanstack/devtools-vite": "^0.8.3",
"@tanstack/react-devtools": "^0.10.10",
Devtools code
import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools';
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools';
import { TanStackDevtools } from '@tanstack/react-devtools';
import { formDevtoolsPlugin } from '@tanstack/react-form-devtools';
...
<TanStackDevtools
config={{ position: 'bottom-left' }}
plugins={[
{
name: 'TanStack Query',
render: <ReactQueryDevtoolsPanel />,
},
{
name: 'TanStack Router',
render: <TanStackRouterDevtoolsPanel router={router} />,
},
formDevtoolsPlugin(),
]}
/>
- 主要语言
- TypeScript
- 星标
- 50.4k
- 派生
- 4.2k
- 平均合并
- 7 小时 29 分钟
- 30 天内合并 PR
- 393
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
TanStack/query 的其他 Issue
-
solid-query: STRICT_READ_UNTRACKED on Solid 2 — client()/options() read in component body (useMutation, useBaseQuery)可能重新可做 @LeonxLJX 于 33 天前认领，目前没有进行中的 PR。 未关闭
难度 2/5 1-3 小时 新手友好度 84/100
TanStack/query#11358 · 2 条评论 · 1 个 reaction ·
维护者通常 1 天内回复
-
solid-query: switching the queryClient accessor strands the new client's cache (subscription stays on the old observer)可能已有人在做 @MaNaN1803 于 76 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 84/100
TanStack/query#11106 · 1 条评论 ·
维护者通常 1 天内回复
-
restoreQueries and persisterGc throw on malformed persisted entries可能已有人在做 @VGontier-cmd 于 1 天前认领。 未关闭
难度 3/5 1-2 天 新手友好度 72/100
维护者通常 1 天内回复
-
难度 4/5 3-5 天 新手友好度 45/100
维护者通常 1 天内回复
-
setQueryData: NoInfer loses discriminated-union members when spreading a narrowed updater value可能已有人在做 @iosayin 于 3 天前认领。 未关闭
难度 4/5 3-5 天 新手友好度 55/100
维护者通常 1 天内回复
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
kind/chore priority/must
难度 2/5 1-3 小时 新手友好度 82/100
sidereal-io/sidereal#380 ·
维护者通常 1 天内回复
-
Mend: dependency security vulnerability
难度 2/5 1-3 小时 新手友好度 62/100
opfab/operatorfabric-core#10653 ·
维护者通常 1 天内回复
-
backend bug size:sm
难度 2/5 1-3 小时 新手友好度 82/100
chrisbenincasa/tunarr#2237 ·
维护者通常 1 天内回复
-
documentation
难度 2/5 半天 新手友好度 69/100
Lam30ne/regulate-app#39 ·