[Webkit-unassigned] [Bug 199568] New: Radio input fields not scoped by Shadow DOM boundaries

[bugzilla-daemon at webkit.org]

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

            Bug ID: 199568
           Summary: Radio input fields not scoped by Shadow DOM boundaries
           Product: WebKit
           Version: Safari 12
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jonathan at beliantech.com
                CC: cdumez at apple.com, wenson_hsieh at apple.com

I have a web component, <kr-radios></kr-radios> that encapsulates a <fieldset></fieldset> with multiple <input type="radio">. In this bug <fieldset> can be replaced with pretty much anything, e.g. <div> and bug will still hold true.

Say I have a form like the following:

<kr-radios></kr-radios> #1
<kr-radios></kr-radios> #2

Click a radio in #1 and subsequently in #2 will clear the selection in #1. It appears that Webkit only uses <form></form> to scope the radio input, and it does not respect Shadow DOM boundaries. Clicking a radio in another Shadow DOM should not affect the Shadow DOM somewhere else.

The workaround is to replace <fieldset> with <form> in the Shadow DOM of my component.

-- 
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/20190708/f3c639f4/attachment-0001.html>