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.

Carousel animate on first rendering when activeIndex > 0

See original GitHub issue

Expected Behavior

When the carousel is loading with activeIndex not zero, carusel should show the page without animation

Actual Behavior

An animation is performed when the page is loaded

URL, screen shot, or Codepen exhibiting the issue

https://codepen.io/anon/pen/dRPNrd?&editors=0010

Your Environment

Grommet version: 1.4.1
Browser Name and version: Chrome and Firefox (last)
Operating System and version (desktop or mobile): MacOS and windows

Issue Analytics

State:
Created 6 years ago
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

alansouzaticommented, Jun 9, 2017

Fixed by the merged PR thanks again @Slumber86

0reactions

Slumber86commented, Jun 6, 2017

Thanks 🙏

Top Results From Across the Web

Show different data based on the active carousel item

I have a horizontal <Animated.ScrollView>, a "carousel" in my React-native app that displays one item at the center of the screen and the...

React Native Advanced Carousel Animations - YouTube

Learn how to create a custom carousel animation using:We will use multiple libraries: - react native gesture handlers, - react native ...

Advanced React Native FlatList stack carousel animations at ...

In this tutorial we are going to create a stack carousel animation in React Native using FlatList, Animated API and FlingGestureHandler from ...

Carousel - React-Bootstrap

Carousels. A slideshow component for cycling through elements—images or slides of text—like a carousel. Example#. Carousels don't automatically normalize ...

How to create the responsive and swipeable Carousel - Medium

Let's create the Carousel.js first with the following code: Explain: ... The CarouselItem component will render the item itself.