[carousel]: swipe gesture is buggy and inconsistent

carbon-design-system / carbon-for-ibm-dotcom

Carbon for IBM.com is based on the Carbon Design System for IBM

https://www.ibm.com/standards/carbon/

Apache License 2.0

268 stars 157 forks source link

[carousel]: swipe gesture is buggy and inconsistent #11343

Open andy-blum opened 9 months ago

andy-blum commented 9 months ago

JIRA

Description

Swipe gesture support was added in #5444 but in 2023, that UX is sub-par. We should look for ways to make the interaction smoother or consider removing it altogether.

Specific problems:

entire page is moved horizontally during gesture
carousel does not animate between contents
gesture must be performed very quickly to register as a gesture

andy-blum commented 9 months ago

https://github.com/carbon-design-system/carbon-for-ibm-dotcom/assets/25532785/2cdd0e86-d308-41ef-ba42-ee6795c830e0

andy-blum commented 3 weeks ago

POC demo for a new carousel set up using a scroll container and CSS scroll-snap

https://carousel-updates--carbon-demos.netlify.app/

https://github.com/andy-blum/carbon-demo/tree/carousel-updates