[Webkit-unassigned] [Bug 160427] New: Shadow DOM: Rendering issues for distributed inputs in deep slots

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Aug 1 15:19:24 PDT 2016


https://bugs.webkit.org/show_bug.cgi?id=160427

            Bug ID: 160427
           Summary: Shadow DOM: Rendering issues for distributed inputs in
                    deep slots
    Classification: Unclassified
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Major
          Priority: P2
         Component: HTML DOM
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: noms at chromium.org
                CC: cdumez at apple.com

Created attachment 285045
  --> https://bugs.webkit.org/attachment.cgi?id=285045&action=review
Shows that the input has a value but the text doesn't render

If I have a <div><slot></slot></div> inside a shadow root, distributing an <input> in that slot leads to weird rendering issues (see below). Note that if the <slot> is a direct child of the shadow root (i.e. not nested in that <div>) everything is fine.

Repro: http://output.jsbin.com/fuduvi 
1. There are two inputs, one is distributed in a slot, one is a shadow child.
2. Type something in an input. Nothing actually shows up.
3. Inspect the input. It’s got a value. Toggle a style on that input (such as :focus), and the text shows up.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160801/264e26c8/attachment.html>


More information about the webkit-unassigned mailing list