using autoplay with loop bug
See original GitHub issueWhen using autoplay with loop the first slide is shown 2 times when reaching the last slide. I think when we loop to the last slide it then loops to first slide in a looped manner but then autoplay kicks in and it then again displays the first slide. Please look into it Regards Here is the implementation of carousel
<Carousel
containerCustomStyle={
flexGrow: 0,
height: '50%',
paddingVertical: 0,
}
layout={"default"}
data={carouselItems}
sliderWidth={width}
itemWidth={width}
autoplayInterval={4000}
autoplay
loop
inactiveSlideScale={1}
loopClonesPerSide={carouselItems.length-1}
renderItem={_renderItem}
onSnapToItem={index => setActiveIndex(index)}
/>
Issue Analytics
- State:
- Created 3 years ago
- Reactions:2
- Comments:12
Top Results From Across the Web
using autoplay with loop bug · Issue #737
When using autoplay with loop the first slide is shown 2 times when reaching the last slide. I think when we loop to...
Read more >Video loop autoplay won't work on Chrome/safari (webkit ...
Hi guys I am trying to have my video autoplay and loop in a slider but some how it's not playing on chrome...
Read more >Video texture settings doesn't work (autoplay/loop...) - Bugs
Hello, it seems like I can't turn autoplay and loop to false in the settings of videoTexture's constructor.
Read more >Fix HTML Video Autoplay Not Working
You've added a video tag to your website, set the video source, but it won't autoplay. Let's fix it.
Read more >Solved: Is it possible to Autoplay New Storymap in a loop
@Ben_TC -- Sorry, it appears that is a bug that was introduced in one of our recent releases. Autoplay should loop to the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
ah my bad, sorry. I forgot that I changed the source code of carousel.js on line src/carousel/Carousel.js#L355, from
return enableSnap && loop && data && data.length && data.length > 1;
toreturn loop && data && data.length && data.length > 1;
, now you can set enableSnap to false,the problem is here src/carousel/Carousel.js#L906 this line make the animation weird 😄 or try comment this line and everything will works again
the issue is resolved but not able to loop back to first item using touch gesture i.e by swiping