Skip to content

Bug: Improve Carousel Scrolling on Desktop #4187

Open
@mohanamisra

Description

Describe the bug

The carousel used on the https://app.opensauced.pizza/explore page does not implement mouse-scroll natively, and nor do the carousels on the Explore page. Instead, it implements drag-to-scroll, which requires a Desktop user, especially on Windows/Linux, to have to double click and then scroll to the slide OR click the left and right side buttons.

problem_with_drag_to_scroll

These are all unnecessary and unintuitive extra steps, especially when simple side scrolling with the mouse can be implemented. Here is an example of that.

mouse_scroll_my_solution

It feels more intuitive, is easier for mobility impaired users on device models with limited trackpad capabilities, and more precise as well.

Steps to reproduce

  1. Go to the OpenSauced Insights Explore page
  2. Hover the mouse on the carousel
  3. Try the regular two-finger side scroll on the trackpad

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions