fix(devtools): highlighter should only show the hovered component's name (angular#44863)

JimMorrison723 · thePunderWoman · commit d41dedb85b80 · 2022-02-01T21:28:09.000Z
The used children property on a HTMLCollection does not contain text elements. Because of this, the highlighter overlay text never got fully cleared. PR Close angular#44863
diff --git a/devtools/projects/ng-devtools-backend/src/lib/highlighter.ts b/devtools/projects/ng-devtools-backend/src/lib/highlighter.ts
@@ -131,10 +131,7 @@ function showOverlay(
   overlay.style.top = ~~top + 'px';
   overlay.style.left = ~~left + 'px';
 
-  while (overlayContent.children.length) {
-    const {children} = overlayContent;
-    overlayContent.removeChild(children[children.length - 1]);
-  }
+  overlayContent.replaceChildren();
 
   content.forEach((child) => overlayContent.appendChild(child));
 
