Given a details element where the summary is set to `display: inline-block`: ``` <details> <summary style="display: inline-block;">Summary</summary> <p>Content</p> </details> ``` 1. Activate VoiceOver on iOS 2. Swipe to 'Summary' 3. Double tap to expand the details element 4. Swipe forwards to the expanded content 5. Swipe back to 'Summary' Expected result: In step 3, after expanding the element , VO should announce 'Summary, expanded' In step 5, when swiping back to the summary, VO should announce 'Summary, expanded' Actual result: In step 3, after expanding the element , VO announces 'Summary, collapsed' In step 5, when swiping back to the summary, VO announces 'Summary' This issue does not occur if the summary element is set to `display: inline-block` or the user-agent default `display: list-item`.
<rdar://problem/83242798>
Created attachment 438478 [details] Test case, with alternative versions for comparison Adding an example test case, with versions using `display: block` and the user-agent default `display` for comparison.
Using iOS 17.1 with the attached test case, after double tapping the summary with inline-block, VoiceOver (VO) repeats the summary's name but doesn't announce the state ("expanded"). After swiping forward and then back, VO again announces only the name but not the state. After double-tapping the summary with inline-block again, VO does announce both the name and the collapsed state and does so again if I swipe forward and then back. VO always announces the name and state for the default `display` and `display: block` versions (before iOS 17.1, VO wasn't announcing *any* states for details/summary elements).