`.splide__track` item changes its height upon sliding, resulting in a jumpy UX between the slider and the content below

[lunule]

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.2

Description

When the rewind and omitEnd options are set to true, the slider works in an ugly, jumpy way: upon each sliding, there's a jump, pushing down the content below the slider.

Actually, I tested this without any options specified (so purely with the slider's default options), with no custom CSS at all, and by specifically taking care of mounting the slider only upon Dom content loaded - but anything I do, the result is the same: if there's no slide/slider height specified, there's the jump.

As the slides contain text as well, their height can not be fixed. But/and the jump is there even if I use the autoHeight option.

Reproduction Link

https://stageaon3d.wpengine.com/industries/aerospace-and-defense/#aerospace--grademats

Steps to Reproduce

1. Click over the slider and slide with the keyboard (or with the mouse)
2. You'll see the content below the slider jumps upon each sliding animation.

Expected Behaviour

The expected behaviour is a consistent, nice UI without jumps upon sliding.

[lunule]

OK, I found the culprit: I don't know what the element with class splide__sr is and does, but this is the item that practically breaks the slider design/functionality.

This element outputs a ... string, changing the slider height just for the millisconds of the sliding animation, then it's removed from the DOM, until the next sliding. Hence the jumpy effect.

I tried to find information about this element, but couldn't find anything anywhere, so finally I fixed it with this CSS:

.splide__sr {
  display: none!important;
} 

But this is a temporary fix - it would be great if this bug was fixed in the plugin code, or if there was a plugin option to hide the element.

[lunule]

Sorry, my bad - as it turned out, I used the basic/min stylesheet of a previous Splide version, combined with the latest Splide script. ¯_(ツ)_/¯

Updating the stylesheet to its correct version fixed the issue.