The year chooser of the igx-calendar is tough to manipulate on touch devices

[jsakamotoIGJP]

Description

The year chooser of the <igx-calendar> is really tough to manipulate on touch devices.

• igniteui-angular version: 17.0.4
• browser: Apple Safari on iPhone SE iOS 17.1.2 (Physical device), Apple Safari on iPad 8th Gen iOS 17.0 (on the https://www.lambdatest.com/), Microsoft Edge 119.0.2151.97 on Windows11 23H2 on Surface Pro 8 (Pyhisical device)

Steps to reproduce

1. Create an Angular app and add Ignite UI for Angular.
2. Place the <igx-calendar> component on a page.
3. Run it and open it in a web browser.
4. Open the year chooser of the <igx-calendar>.
5. Swipe the year list in the chooser.

Result

• It often has no response for touch manipulations.
• When it reacts, it will scroll too fast to control to select the year I want to select, unfortunately.
• While choosing the year, it sometimes only keeps increasing or decreasing year, neither swipe-up nor swipe-down.

Expected result

• When I swipe down the year chooser, it should decrease the year step by step slowly.
• When I swipe up the year chooser, it should slowly increase the year step by step.

Attachments

📦c-00233888-ng-app2.zip

https://github.com/IgniteUI/igniteui-angular/assets/102948935/b0390f42-59af-4e73-9f55-fcb2bbe3efb9

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.