Carousel changes height back and forth after slide animation is finished causing all subsequent elements to wiggle down and up. #1361
Description
Checks
- Not a duplicate.
- Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions
Version
v4.1.4
Description
This issue does not occur in v3.
After scrolling left or right, as soon as the animation ends, there seems to be a wiggle that increases the height of the carousel for a split second, causing the rest of the page to jump down and up again.
You can also see 3 dots appearing during that split second on the left bottom corner of the active slide, which might be part of the issue.
Reproduction Link
https://codesandbox.io/p/sandbox/xywd6t
Steps to Reproduce
- open codesandbox
- scroll left or right.
- you will see the arrows jump down and up (this is the effect of the carousel increasing and decreasing its height)
Expected Behaviour
this height increase + decrease should not happen, it causes very bad layout shift plus an unpleasant experience for the user.