Splidejs / splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
https://splidejs.com
MIT License
4.89k stars 424 forks source link

In the Vue version using the loop type option, card click doesn't work. #1228

Open ggualino opened 1 year ago

ggualino commented 1 year ago

Checks

Version

v0.6.12

Description

Using the Vue version, the carousel contains cards with a clickable button, but if the option type is configured as a loop, the click doesn't work. If you click on the arrows, and the carousel move and change the cards the click works. Also works if the option type is configured as a slide.

Reproduction Link

No response

Steps to Reproduce

  1. Load the page with the carousel of cards
  2. Try to click on the button with a click
  3. The click doesn't work

Expected Behaviour

that if the card has a button, when you click takes you to another page or executes the function.

ggualino commented 1 year ago

We found that if we hide the carousel with v-if until the array of objects is populated, and then show the carousel, everything works as expected