285047 2024-12-20 15:15:06 -0800 AX: combobox button value text clipped 2025-02-24 14:35:09 -0800 1 1 1 Unclassified WebKit Accessibility WebKit Nightly Build All All NEW InRadar P2 Normal --- 1 jcraig webkit-unassigned andresg_22 aroselli joewatkinspdx webkit-bug-importer oldest_to_newest 2083410 0 jcraig 2024-12-20 15:15:06 -0800 Filing on behalf of Marcy Sutton: Has anyone run into this ARIA Combobox issue in Safari where VoiceOver cuts off the value text and adds a random comma at the beginning? It occurs when you put role="combobox" on a button element but not on a DIV. The APG combobox pattern uses all DIVs, and it works properly. It's specifically a button element that causes this issue in Safari/VO. I've tried resetting relevant CSS properties to override the User Agent stylesheet in Safari and I haven't found a fix yet. I understand the rules of ARIA and not overriding semantics but it's still unfortunate to have to use a DIV for this when a button has baseline interactivity (and requires less code to implement). Buttons are allowed in the spec, but this is buggy! Here is my low-fi reproduction (note, it's not fully wired up for the keyboard...I'm just using it to validate semantics for this issue) https://codepen.io/marcysutton/pen/ByBWXVP Screenshots from VoiceOver and Safari show Example 2 with cut off text, and Example 1 that works: 2083411 1 webkit-bug-importer 2024-12-20 15:15:19 -0800 <rdar://problem/141846329> 2083412 2 jcraig 2024-12-20 15:16:47 -0800 Adrian Roselli says, “Can reproduce using Safari 18.2 / macOS 15.2.” 2097542 3 joewatkinspdx 2025-02-24 14:35:09 -0800 Yeps - can reproduce 18.1 / MacOS 14.7