195836 2019-03-15 17:01:32 -0700 <label> with nested <input>s always focuses the first input when clicking other inputs 2023-05-25 11:38:44 -0700 1 1 1 Unclassified WebKit Forms Safari 11 Mac macOS 10.14 RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 jfranco webkit-unassigned ahmad.saleem792 cdumez dpaddock karlcow webkit-bug-importer webkit.org wenson_hsieh oldest_to_newest 1517293 0 364882 jfranco 2019-03-15 17:01:32 -0700 Created attachment 364882 Simple HTML that renders a form with a label with multiple inputs Test case (attached too): https://codepen.io/jcfranco-the-scripter/pen/NJYQem?editors=1000 To reproduce, click on the time input and see how the date field gets focus. Tested on: Safari - Version 12.0.1 (14606.2.104.1.1) Safari Tech Preview - Release 77 (Safari 12.2, WebKit 14608.1.7.3) 1517454 1 webkit-bug-importer 2019-03-16 12:07:31 -0700 <rdar://problem/48955176> 1638071 2 webkit.org 2020-04-06 05:30:58 -0700 Multiple inputs as children of a single label element is not valid HTML. Run the test case through https://validator.w3.org/nu/ and one of the errors will be "The label element may contain at most one button, input, meter, output, progress, select, or textarea descendant." The WHATWG spec document doesn't describe only one such child element as valid, it says "If the for attribute is not specified, but the label element has a labelable element descendant, then the first such descendant in tree order is the label element's labeled control." That matches the behavior you describe. https://html.spec.whatwg.org/multipage/forms.html#the-label-element 1957969 3 ahmad.saleem792 2023-05-25 11:38:44 -0700 I am not able to reproduce this bug using attached testcase and all browsers allow you to place caret in 'time' field without any jumpy etc. Safari 16.5, STP170, Chrome Canary 115 and Firefox Nightly 115 have same behavior. Marking this as 'RESOLVED CONFIGURATION CHANGED". 364882 2019-03-15 17:01:32 -0700 2019-03-15 17:01:32 -0700 Simple HTML that renders a form with a label with multiple inputs safari-focus-issue.html text/html 560 jfranco PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4K ICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0iaW5pdGlhbC1zY2FsZT0xLG1heGltdW0t c2NhbGU9MSx1c2VyLXNjYWxhYmxlPW5vIiAvPgogIDx0aXRsZT5bU2FmYXJpXSBGb2N1cyBpc3N1 ZTwvdGl0bGU+CjwvaGVhZD4KCjxib2R5PgogIDxmb3JtPgogICAgPGxhYmVsCiAgICA+Q29tcG9z aXRlIEZpZWxkIChkYXRlIGlucHV0IGlzIGZvY3VzZWQgd2hlbiB0aW1lIGlucHV0IGlzIGNsaWNr ZWQpCiAgICAgIDxkaXY+CiAgICAgICAgPGRpdj4KICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0 IiAvPgogICAgICAgICAgPGRpdiBpZD0iZGF0ZSI+MTIvMzEvMTk2OTwvZGl2PgogICAgICAgIDwv ZGl2PgogICAgICAgIDxkaXY+CiAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgLz4KICAgICAg ICAgIDxkaXYgaWQ9InRpbWUiPjQ6MDA6MDAgUE08L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAg PC9kaXY+CiAgICA8L2xhYmVsPgogIDwvZm9ybT4KPC9ib2R5Pgo8L2h0bWw+Cgo=