dillon1000/react

Commit

[DevTools] Highlight the rect when the corresponding timeline bean is hovered (#34881)

Stacked on #34880.

In #34861 I removed the highlight of the real view when hovering the
timeline since it was disruptive to stepping through the visuals.

This makes it so that when we hover the timeline we highlight the rect
with the subtle hover effect added in #34880.

We can now just use the one shared state for this and don't need the CSS
psuedo-selectors.

<img width="603" height="813" alt="Screenshot 2025-10-16 at 3 11 17 PM"
src="https://github.com/user-attachments/assets/a018b5ce-dd4d-4e77-ad47-b4ea068f1976"
/>
Browse files
Changed paths4 files
First-parent comparison
M packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.js Modified
Patch

Files changed

Rendering syntax-highlighted changes…