OSSForks/react
1
0
Fork 0
mirror of https://github.com/zebrajr/react.git synced 2025-12-06 00:20:04 +01:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[DevTools] Fix inspected element scroll in Suspense tab (#34355)

Browse Source
This commit is contained in:
Sebastian "Sebbie" Silbermann 2025-09-01 16:40:30 +02:00 committed by GitHub
parent 1549bda33f
commit b1b0955f2b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.css
View File

@ -16,14 +16,15 @@
.TreeWrapper {
border-top: 1px solid var(--color-border);
flex: 1 1 var(--horizontal-resize-tree-percentage);
flex: 1 1 65%;
display: flex;
flex-direction: row;
height: 100%;
overflow: auto;
}
.InspectedElementWrapper {
flex: 1 1 35%;
flex: 0 0 calc(100% - var(--horizontal-resize-tree-percentage));
overflow-x: hidden;
overflow-y: auto;
}
@ -59,12 +60,12 @@
.TreeWrapper {
border-top: 1px solid var(--color-border);
flex: 1 1 var(--vertical-resize-tree-percentage);
flex: 1 1 50%;
overflow: hidden;
}
.InspectedElementWrapper {
flex: 1 1 50%;
flex: 0 0 calc(100% - var(--vertical-resize-tree-percentage));
}
.TreeWrapper + .ResizeBarWrapper .ResizeBar {

5
packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.css
View File

@ -9,6 +9,11 @@
display: flex;
flex-direction: column;
flex-grow: 1;
/*
* `overflow: auto` will add scrollbars but the input will not actually grow beyond visible content.
* `overflow: hidden` will constrain the input to its visible content.
*/
overflow: hidden;
}
.SuspenseTimelineRootSwitcher {

2
packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTreeList.js vendored
View File

@ -10,5 +10,5 @@
import * as React from 'react';
export default function SuspenseTreeList(_: {}): React$Node {
return <div>Activity slices</div>;
return <div>Activity slices not implemented yet</div>;
}