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.

`animationHandler` prop not working?

See original GitHub issue

Hello, I’ve tried setting animationHandler="fade" and the Carousel still seems to slide. Is there a known issue? Am I missing something maybe?

Issue Analytics

State:
Created 2 years ago
Reactions:19
Comments:21

Top GitHub Comments

14reactions

renexecommented, Oct 18, 2021

Hey guys, for me doesn’t work just using the import like this.

import Carousel from 'react-responsive-carousel/lib/js/components/Carousel/index'

The carousel worked, but it didn’t show anything on the screen, so I found out that the z-index of the lists were all like -2. So it was easy to fix by forcing the style setting:

carousel:{ '& li':{ zIndex: '1 !important' } },

I hope this is good for someone else who’s come up with the same problem as me.

9reactions

zippiherocommented, Jul 12, 2021

We discovered this repo for this annoying issue. Currently the structure of lib/carousel is broken.

When importing carousel component replace this: import { Carousel } from "react-responsive-carousel";

with this: import Carousel from "react-responsive-carousel/lib/js/components/Carousel/index";

please fix in future release 👍 thank you

Top Results From Across the Web

`animationHandler` prop not working? - - Bountysource

animationHandler` prop not working? ... Hello, I've tried setting animationHandler="fade" and the Carousel still seems to slide. Is there a known issue?

error: exception in animation handler for: onEnd

If I remove the props layer from both the map and legend objects, the error is gone. Here's what I have: dojo.addOnLoad(init); var...

ReactJS key prop not working in CSS animation

ReactJS key prop not working in CSS animation ... I have a simple object with some details in which are looped and outputted...

react-responsive-carousel - npm

Start using react-responsive-carousel in your project by running `npm ... which can be used by passing 'fade' to the animationHandler prop.

camfolio/react-responsive-carousel v1.0.9 - npm.io

The animation handler functions accept props and state, and return styles for the contain list, ... Only play videos on selected slides to...