vue-carousel: Bug: Wraping tag with breaks slider

For example:

<slide>
    <a href="/page">Link</a>
</slide>
<slide>
    <a href="/page">Link</a>
</slide>

If you click and drag, as soon as you let off, it activates the link. I would think the expected result would be if the slide was initiated, the would cease to function.

About this issue

Original URL
State: closed
Created 6 years ago
Reactions: 1
Comments: 26 (9 by maintainers)

Most upvoted comments

@tetshi Haha, don’t be in such a hurry. I’ve pushed a PR which is going to solve this problem. Maybe the maintainers will release a new version. Just wait a day.😄

RyanLiu0235 on Apr 18, 2018

<carousel :per-page="1">
     @foreach($featuredArticles as $a)
          <slide>
               <a class="no-underline" href="/article/{{$a->id}}">
                    <div class="black-overlay mb-3 h-96 p-4 relative bg-cover" style="background-image: url('{{asset($a->thumbnail)}}');">
                         <span class="absolute z-50 pin-b font-title uppercase text-white text-4xl mb-4 flex">{{$a->title}}</span>
                 </div>
             </a>
         </slide>
     @endforeach
</carousel>

Now this is being done in Laravel, but the end-markup is the same. For whatever reason though, if I click and drag and left off over the same slide, it’ll activate the link.

nrthbound on Mar 11, 2018