From 1f460f31ee277c4f62d352bbad48977b976ad8a8 Mon Sep 17 00:00:00 2001 From: "Sebastian \"Sebbie\" Silbermann" Date: Wed, 1 Oct 2025 17:32:34 +0200 Subject: [PATCH] [DevTools] Fix host instance highlighting (#34661) --- .../src/backend/views/Highlighter/index.js | 4 ++-- .../src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react-devtools-shared/src/backend/views/Highlighter/index.js b/packages/react-devtools-shared/src/backend/views/Highlighter/index.js index 2b651cdc9c..155717e5d8 100644 --- a/packages/react-devtools-shared/src/backend/views/Highlighter/index.js +++ b/packages/react-devtools-shared/src/backend/views/Highlighter/index.js @@ -115,7 +115,7 @@ export default function setupHighlighter( const nodes = renderer.findHostInstancesForElementID(id); if (nodes != null) { for (let i = 0; i < nodes.length; i++) { - const node = nodes[0]; + const node = nodes[i]; if (node === null) { continue; } @@ -164,7 +164,7 @@ export default function setupHighlighter( const nodes = renderer.findHostInstancesForElementID(id); if (nodes != null) { for (let i = 0; i < nodes.length; i++) { - const node = nodes[0]; + const node = nodes[i]; if (node === null) { continue; } diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js index a9dcfc38f4..13dab6efbc 100644 --- a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js +++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js @@ -66,7 +66,7 @@ export default function SuspenseBreadcrumbs(): React$Node { key={id} className={styles.SuspenseBreadcrumbsListItem} aria-current={selectedSuspenseID === id} - onPointerEnter={highlightHostInstance.bind(null, id)} + onPointerEnter={highlightHostInstance.bind(null, id, false)} onPointerLeave={clearHighlightHostInstance}>