[Webkit-unassigned] [Bug 260523] New: Form fields hidden in collapsed details/summary get focus

[bugzilla-daemon at webkit.org]

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

            Bug ID: 260523
           Summary: Form fields hidden in collapsed details/summary get
                    focus
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: aroselli at gmail.com
                CC: cdumez at apple.com, wenson_hsieh at apple.com

When a form field is hidden within a collapsed `<details>` element, it still receives focus when FKA is enabled.

For example:
```
<details>
  <summary>1. Text input</summary>
  <label for="field01">Text field</label>
  <input type="text" id="field01">
</details>
```

The text field acts as a tab-stop and fires focus events.

Example:
https://cdpn.io/aardrian/debug/gOZppYp

Steps:
1. Open the console.
2. Tab through the page.
3. Observe the focus style disappears when tabbing off a `<summary>`, with focus seemingly going nowhere.
4. Observe the ID of each field is written to the console as it gets focus.

* Oddly, the select menu breaks the tabbing overall, but if you put keyboard focus on the next item it resumes hitting all hidden fields.

* Links do not seem to get focus even when the `<details>` is expanded.

* I did not test other interactive controls.

* Chrome and Firefox are unaffected.

This affects Safari 16.5 and TP 176, and probably earlier.

When using VoiceOver, it does not announce the hidden field. The value is written to the console, so it has focus, but the field is not announced and announcement of the `<details>` is uninterrupted. Essentially I have to press Tab twice to move to the next `<summary>`, but I have no idea why as a user.

-- 
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/20230822/d1736ac7/attachment.htm>