[elements] align slot adorner

Fixed: 402089780
Change-Id: Ic6378a332a9aca6f00ad78faf0d0c0767b1dd767
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6407775
Auto-Submit: Philip Pfaffe <[email protected]>
Commit-Queue: Philip Pfaffe <[email protected]>
Reviewed-by: Alina Varkki <[email protected]>

Author: pfaffe

front_end/panels/elements/ElementsTreeElement.ts

@@ -1456,9 +1456,6 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     this.contentElement.prepend(this.gutterContainer);
     if (isOpeningTag(this.tagTypeContext)) {
       this.contentElement.append(this.tagTypeContext.adornerContainer);
-      if (this.tagTypeContext.slot) {
-        this.contentElement.append(this.tagTypeContext.slot);
-      }
     }
     delete this.selectionElement;
     delete this.hintElement;
@@ -2226,12 +2223,16 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     if (!adornerContainer) {
       return Promise.resolve();
     }
+    const adorners = [...context.adorners].sort(adornerComparator);
+    if (context.slot) {
+      adorners.push(context.slot);
+    }
 
     adornerContainer.removeChildren();
-    for (const adorner of [...context.adorners].sort(adornerComparator)) {
+    for (const adorner of adorners) {
       adornerContainer.appendChild(adorner);
     }
-    adornerContainer.classList.toggle('hidden', context.adorners.size === 0);
+    adornerContainer.classList.toggle('hidden', adorners.length === 0);
     return Promise.resolve();
   }