-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Open
Labels
area: cdk/listboxgemini-triagedLabel noting that an issue has been triaged by geminiLabel noting that an issue has been triaged by geminineeds triageThis issue needs to be triaged by the teamThis issue needs to be triaged by the team
Description
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
When using ngListbox on touch devices inside a scrollable container, starting a scroll gesture on top of an option immediately selects that option.
This makes it difficult for users to scroll through the list if their finger initially touches an option. Instead of simply scrolling, the option is selected even though the user’s intention was to scroll.
This behavior results in frequent accidental selections and makes the component harder to use on mobile devices when the listbox content is scrollable.
Reproduction
Steps to reproduce:
- Go to https://angular.dev/guide/aria/listbox with a smartphone (updated iPhone 16e in my case)
- initiate a scroll gesture on the first example and see the option your finger touch become selected
Expected Behavior
Selection should happen on pointer up not pointer down
Actual Behavior
Unwanted selection that can trigger behaviors like HTTP requests
Environment
- Angular: 21.2.2
- CDK/Material: 21.2.2
- Browser(s): Safari iOS
- Operating System (e.g. Windows, macOS, Ubuntu): iOS 26.2.1
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
area: cdk/listboxgemini-triagedLabel noting that an issue has been triaged by geminiLabel noting that an issue has been triaged by geminineeds triageThis issue needs to be triaged by the teamThis issue needs to be triaged by the team