search

baianat / hooper

🎠 A customizable accessible carousel slider optimized for Vue
https://baianat.github.io/hooper/
MIT License
720 stars 131 forks source link

mouseDrag redirect bag #141

Open AndreyFedarovich opened 5 years ago

AndreyFedarovich commented 5 years ago

Describe the bug If the entire contents of the slide link, after the MouseDrag event the user will redirect to this link.

Expected behavior to stay on the same page

donni106 commented 5 years ago

I have the same problem and have a <nuxt-link> inside <slide>. Each mouse drag is triggering the link click, which I do not want. A drag should slide and a click should link. Is there a way to achieve this? (also commented in connected issue #138)

ukool commented 4 years ago

Hello! Is there any news about this bug? Maybe there is some hack?

jak-kal commented 4 years ago

Also having the same issue and it's a definite deal-breaker!

badoubadou commented 3 years ago

Same here, any one found a hack ? Or any one found a better slider ? :)

bogdan12893 commented 3 years ago 
hooper(
   :settings="cardsHooper"
  )
    slide(v-for="(project, index) in projectsData" :key="index")
      div(@click="goToProjectPage($event, project)")
        CommonProjectCard(:projectData="project")

methods: {
    goToProjectPage(event, project) {
      if (this.$refs.projectsCarousel.isSliding) {
        event.preventDefault()
      } else {
        //go to link
        console.log(project)
      }
    },
  },

Hope this helps 😁