question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Slider OnClick is not being prevented on Carousel movement

See original GitHub issue
  • pure-react-carousel version: 1.27.6
  • react version: 17.0.2
  • node version: v10.16.1

Relevant code or config:

<Slider> > handleOnClickCapture(ev) line #286 Screen Shot 2021-08-05 at 1 10 43 PM

const your = code => 'here';

What you did:

We are attempting to prevent clicks of the carousel slider when the carousel is in movement.

What happened:

The onClick event is still triggered on drag events

Reproduction:

Suggested solution:

Remove the line #293 from <Slider /> =

Can you help us fix this issue by submitting a pull request?

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:3
  • Comments:6

github_iconTop GitHub Comments

3reactions
martdavidsoncommented, Jun 15, 2022

Hey this is not stale.

0reactions
stale[bot]commented, Apr 16, 2022

This issue has been automatically closed becuase it has not had recent activity.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Prevent slick.js to open link onclick next - Stack Overflow
The plugin is working fine. I have the prev and next pagination buttons. All slick code is inside an anchor link to another...
Read more >
Carousel - Bootstrap
The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It...
Read more >
@acidic9/pure-react-carousel - npm
A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with...
Read more >
Bootstrap Carousel Slide - WOWSlider.com
Here's a Bootstrap Carousel Responsive together with slides only . Note the existence of the .d-block and .img-fluid on carousel images to prevent...
Read more >
Bootstrap JS Carousel Reference - W3Schools
Note: Carousels are not supported properly in Internet Explorer 9 and earlier (because they use CSS3 transitions and animations to achieve the slide...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found