Open Bug 1557388 Opened 5 years ago Updated 2 years ago

Devtools doesn't handle inheritance correctly with `<slot>`.

Categories

(DevTools :: Inspector, defect, P3)

Product:
DevTools
Component:
Inspector
Type:
defect

Tracking

(Not tracked)

People

(Reporter: emilio, Unassigned)

References

(Blocks 1 open bug)

Details

If you load the following page and inspect <div id="slotted">:

<!doctype html>
<div id="host"><div id="slotted">Hey</div></div>
<script>
  let host = document.getElementById("host");
  host.attachShadow({ mode: "open" }).innerHTML = `
    <style>
      :host { visibility: hidden }
      slot { visibility: visible }
    </style>
    <slot></slot>
  `;
</script>

You'll see that it claims that it inherits the visibility: hidden from the host, but it should say that it inherits visibility: visible from the <slot> as well.

Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.