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.
Initial Carousel Blank
See original GitHub issueBug is related to
- embla-carousel (core package)
- embla-carousel-react
- embla-carousel-autoplay
- embla-carousel-docs (documentation website)
Embla Carousel version
- v6.0.2
Describe the bug
Embla carousel is initially blank, and needs to be resized before it renders the image. This happens only sometimes and randomly. I have read the other issues regarding the same, but none of the tehniques work, I understand its a reinitializing issue but cannot figure out how to make it work. I am using it with NextJs 12.
I have the sample code to get started in this github repo - https://github.com/kush-daga/emblademo
CodeSandbox
- The link to a CodeSandbox that demonstrates the bug clearly.
Steps to reproduce
1.Clone the https://github.com/kush-daga/emblademo repo, and yarn dev.
2. Initially its a blank screen, resize to view images.
Expected behavior
- Carousel should work in the first render
Additional context
Issue Analytics
- State:
- Created 2 years ago
- Comments:21 (9 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@kush-daga I’ve just released the Auto Height plugin with v6.1.0. Here’s the release details. Just make sure your slides have their natural height before initializing Embla so Embla can pick them up. So don’t set
height: 0;on your slides or similar.Best, David
@kush-daga thank you for sharing 👍🏻.
Just wanted to let you know that what you want to achieve will be available as an Embla plugin as soon as I get some time to make it:
Best, David