search

YIZHUANG / react-multi-carousel

A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
MIT License
1.28k stars 288 forks source link

Buggy scrolling in Firefox #185

Closed onair-lena closed 4 years ago

onair-lena commented 4 years ago

Describe the bug If carousel has linked items it scrolls with bugs in Firefox desktop. At the same time it scrolls well in desktop Chrome and Opera.

To Reproduce Steps to reproduce the behavior:

  1. Add links to images in carousel items
  2. Scroll carousell in Firefox with mouse click

Expected behavior A clear and concise description of what you expected to happen.

Screenshots

React-multi-carousel - w3js - Mozilla Firefox 2020-07-16 20-26-02 (1)

Desktop (please complete the following information):

Reproduction https://codesandbox.io/s/react-multi-carousel-playground-7c2kg?file=/components/Simple.js

abhinavdalal commented 4 years ago

@onair-lena

The Carousel component doesn't control the items passed as children which is where this issue is happening. IMO this is a known firefox issue. My recommendation is to try this solution on your <img>:

https://www.redips.net/firefox/disable-image-dragging/

abhinavdalal commented 4 years ago

@YIZHUANG or @onair-lena pls close this issue..

onair-lena commented 4 years ago

@onair-lena

The Carousel component doesn't control the items passed as children which is where this issue is happening. IMO this is a known firefox issue. My recommendation is to try this solution on your <img>:

https://www.redips.net/firefox/disable-image-dragging/

@abhinavdalal Thanks for the link, it solved the issue.