[Webkit-unassigned] [Bug 191694] New: Click on node assigned to slot in button's shadow cause loss of button focus

[bugzilla-daemon at webkit.org]

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

            Bug ID: 191694
           Summary: Click on node assigned to slot in button's shadow
                    cause loss of button focus
           Product: WebKit
           Version: Safari 12
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: HTML DOM
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jan at component.kitchen
                CC: cdumez at apple.com

See discussion at: https://github.com/w3c/webcomponents/issues/773

Summary: Consider a custom element whose shadow contains a focusable element that contains a slot:

<test-element>
  #shadow-root
    <div tabindex="0">
      <slot></slot>
    </div>
</test-element>

And suppose this custom element receives some light DOM children:

<test-element>
  <span>Click me</span>
</test-element>

Expect: a click on the light DOM span should give focus to the focusable div inside test-element.
Actual: the focus goes to the document body.

Repro: https://jsbin.com/qivoheg/edit?html,output.

Firefox exhibits the desired behavior here. Chrome currently has a bug to fix this, rniwa indicated in the linked discussion that this should be fixed in WebKit too.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20181115/d142882a/attachment-0001.html>