Splide Arrows takes 3 clicks before action happens.

[gohanko]

Checks

• Not a duplicate.
• Not a question, feature request, or anything other than a bug report directly related to React Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

0.7.12

Description

The splide arrows need to be clicked multiple times before they disappear, or move the track.

The config fed into the <Splide /> component is

gap: 21,
fixedWidth: true,
arrows: true,
pagination: false,

Have a look at this video:

2024-07-03.150130.mp4

The video demonstrates, clicking 3 times to the right after the track reaches the end, and clicking 3 times to the left before the track actually moved on the fourth click.

Reproduction Link

No response

Steps to Reproduce

1. Use Splide component

It happens with default Splide too.

Expected Behaviour

For the corresponding arrow buttons to disappear once the slide reach the end.

[CodingWatchCollector]

I've got the same problem, I could resolve it using omitEnd & focus options. Here's the example from the documentation:
https://splidejs.com/guides/options/#omitend

[josh-sap]

By including omitEnd, our arrows remained disabled on initial load with width and autoWidth. I don't think splide was properly calculating that there was some overflow, until it was interacted with directly. Removing omitEnd fixed the issue but obviously reintroduces the above bug