Open Bug 1473898 Opened 6 years ago Updated 2 years ago

Display slotted and non-slotted nodes differently

Categories

(DevTools :: Inspector, enhancement, P3)

Product:
DevTools
Component:
Inspector
Type:
enhancement

Tracking

(Not tracked)

People

(Reporter: jdescottes, Unassigned)

References

(Blocks 1 open bug)

Details

In a custom element, some children might not be assigned to any slot. For instance see: 

https://juliandescottes.github.io/webcomponents-playground/test-unslotted-light-dom/

It would be nice if the markup view could show the second <div> under <test-component> differently, since this node is not rendered in the tree. 

Maybe we could have a small warning icon, or render the node faded out (same as for invisible nodes).
Summary: Non-slotted children should be displayed differently → Display slotted and non-slotted nodes differently
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.