[Help]: Is AutoHeight behavior based on slideRegistry instead of slidesInView by design?

[keatkeat87]

Summary

First of all, many thanks to davidjerleke for creating and sharing such a useful slider tool.

I am currently trying out the Auto Height plugin of embla-carousel.
I took an example from the official website and made a few small modifications.

I changed the options

const OPTIONS: EmblaOptionsType = {
  align: 'start',
  slidesToScroll: 'auto',
  inViewThreshold: 0.1
}

and the CSS

.embla {
  --slide-size: 50%;
}

slide no. 4 is not fully displayed at the last snap

I check the source, and found that

the height is being obtained from the slideRegistry, which is not the same as slidesInView.

Is this behavior by design?

if yes, how can I override the behavior, I prefer fully display all slides in view.

If applicable, which variants of Embla Carousel are relevant to this question?

• 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)

Additional information

No response

CodeSandbox example

https://codesandbox.io/p/devbox/n3lgp5?migrateFrom=373g4x

[davidjerleke]

Hi @keatkeat87,

Thank you for your questions.

the height is being obtained from the slideRegistry, which is not the same as slidesInView.

Is this behavior by design?

Yes, it is. This happens because a slide can be considered visible even if just 1 pixel is showing (when inViewThreshold: 0). Setting the carousel height based on such minimal visibility can lead to confusing behavior — the user might not notice that 1 pixel, yet the carousel height still changes unexpectedly.

This tends to happen more often when dragFree: true, since the user can drag freely without scroll snap restrictions, making partial visibility of slides more common.

if yes, how can I override the behavior, I prefer fully display all slides in view.

At the time of writing, it's not possible to override this behavior. However, it might make sense to introduce an option that lets users choose whether AutoHeight should be based on the in-view position or the scroll snap position when determining the current height.