NO BUG: Splide navigation button stops working when changing icon

Bugs
1

Browser: Chrome / Firefox / Edge
OS: Windows
Video: https://jam.dev/c/cc2f7e07-ffe1-4e46-b510-7af8c73caecd

Hello,

Adding a custom icon to the Splide arrow strips the button of its attributes and renders it useless.

Without changing the icon:

<button class="splide__arrow splide__arrow--next" type="button" aria-label="Next slide" aria-controls="brxe-zkgemy-track">

When changing the icon:
<button class="splide__arrow splide__arrow--next" type="button">

It does not matter if I choose a custom SVG, a custom icon set, or the default Ionicons.

Plus, in the editor, the default icons always show instead of the custom one.

It happens in 2.3.5 as well.

Best regards,

2

Hi Jason,
Thanks so much for your report!

Is it possible that you only set a custom arrow for “next”? If so, please set one for “prev” as well; then it should work as expected. If you don’t want the “prev” arrow to appear, you can set it to display: none using CSS.

Best regards,
timmse

3

Hi timmse,
Yep, that’s exactly what I did !

Adding an icon to the previous button did fix it.

Thank you very much and have a nice day :slightly_smiling_face:

1 Like