261621 2023-09-15 14:23:56 -0700 formAssociated=true causes custom element to become focusable 2023-10-02 16:20:56 -0700 1 1 1 Unclassified WebKit DOM Safari Technology Preview Unspecified Unspecified RESOLVED FIXED https://github.com/web-platform-tests/wpt/pull/42287 BrowserCompat, InRadar P2 Normal --- 154907 1 j.tu mike akeerthi karlcow mike nlawson ntim rniwa webkit-bug-importer oldest_to_newest 1977762 0 467691 j.tu 2023-09-15 14:23:56 -0700 Created attachment 467691 Repro When enabling formAssociated on a custom element, it becomes focusable whereas when formAssociated is false it is not. Chrome and Firefox both do not exhibit this behavior but it does occur in Safari Technology Preview Release 178 (Safari 17.0, WebKit 18617.1.6). When setting formAssociated=false Safari behaves the same as Chrome and Firefox. Attached is a repro showing that calling element.focus() with formAssociated=true causes focus to move to the element, which is demonstrated by document.activeElement below. customElements.define( 'x-foo', class Foo extends HTMLElement { static formAssociated = true; } ); const foo = document.querySelector('x-foo'); foo.focus(); console.log(document.activeElement); Note document.activeElement is <body> in Chrome and Firefox but <x-foo> in Safari. Note that the spec does not imply any kind of focus behavior for formAssociated: https://html.spec.whatwg.org/multipage/custom-elements.html#form-associated-custom-elements 1979453 1 webkit-bug-importer 2023-09-22 14:24:23 -0700 <rdar://problem/115909679> 1981702 2 mike 2023-10-02 00:19:50 -0700 Pull request: https://github.com/WebKit/WebKit/pull/18487 1981780 3 mike 2023-10-02 10:02:16 -0700 Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/42287 1981902 4 ews-feeder 2023-10-02 16:20:53 -0700 Committed 268756@main (7e0cd07bab81): <https://commits.webkit.org/268756@main> Reviewed commits have been landed. Closing PR #18487 and removing active labels. 467691 2023-09-15 14:23:56 -0700 2023-09-15 14:23:56 -0700 Repro repro.html text/html 364 j.tu PCFET0NUWVBFIGh0bWw+CjxodG1sPgogICAgPHgtZm9vPjwveC1mb28+CiAgICA8c2NyaXB0Pgog ICAgICAgIGN1c3RvbUVsZW1lbnRzLmRlZmluZSgKICAgICAgICAgICAgJ3gtZm9vJywKICAgICAg ICAgICAgY2xhc3MgRm9vIGV4dGVuZHMgSFRNTEVsZW1lbnQgewogICAgICAgICAgICAgICAgc3Rh dGljIGZvcm1Bc3NvY2lhdGVkID0gdHJ1ZTsKICAgICAgICAgICAgfQogICAgICAgICk7CiAgICAg ICAgY29uc3QgZm9vID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigneC1mb28nKTsKICAgICAgICBm b28uZm9jdXMoKTsKICAgICAgICBjb25zb2xlLmxvZyhkb2N1bWVudC5hY3RpdmVFbGVtZW50KTsK ICAgIDwvc2NyaXB0Pgo8L2h0bWw+Cg==