[Bug]: Loading photos for the first time is laggy

[Truongcot99]

Which variants of Embla Carousel are you using?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Steps to reproduce

When loading the image for the first time, it is in the middle position before returning to its correct position.
If you have finished loading for the first time, please disable cache

Expected Behavior

Is it possible to display it correctly from the beginning?

Additional Context

No response

What browsers are you seeing the problem on?

No response

Version

8.3.0

CodeSandbox

https://codesandbox.io/p/sandbox/embla-carousel-default-react-forked-4h6hg8

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues
• I agree to follow this project's Contributing Guidelines for bug reports

[georgeosutton]

In your example the browser cannot reserve space for the image because image dimensions depend on the loaded image and are not explicitly defined in the markup or CSS.