Named slots

Expected: rendered in shadow tree order — title, then body, then footer — even though the light DOM lists them footer, title, body. The slot attribute, not source order, decides placement.

Only direct children can be slotted

Expected: the box below shows only "direct child". The nested <span slot="x"> is a grandchild of the host, so its slot attribute is ignored and it is not assigned anywhere; because there is no default slot, it is not rendered at all.

Unknown slot name

Expected: nothing inside the box — "no home" targets a slot that does not exist, and there is no default slot to catch it.