When looping, and perPage is > 1, .is-visible is briefly removed from all visible elements

[iclang]

Checks

• [X] Not a duplicate.
• [X] 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.3

Description

When looping, and you go to either the first element or the last, all visible elements briefly lose the .is-visible classname.

Reproduction Link

https://codepen.io/clang/pen/OJEJBRz

Steps to Reproduce

1. Add 5 slides
2. Set type to "loop," perPage to 3, and perMove 1
3. Added a dark overlay in CSS to all slides, but then remove those that have .is-visible className
4. Cycle Splide until it loops and you'll see 3 slides all lose .is-visible for a brief moment

Expected Behaviour

Slides that are visible never lose .is-visible classname even when looping

[iclang]

Checking to see if this bug has been looked at. Please let me know if I've missed anything that you need.

[Project49Music]

Same issue here, we had an idea to use the is-visible class with an opacity but due to the issue you described above we were unable to do so...

[captain-zsa]

Hi. I too use class is-visible for opacity element .slide:not(.is-visible).

Problem with load slider. Now I reload page. Last slide don't opacity:

and all slides have class is-visible:

When I drag slide (or click to arrow), it opacity:

Props slider (vue3)

rewind : true,
fixedWidth : '248px',
arrows : false,
pagination : false,
gap : 10,

P.S. Sorry, my english is bad...