'Link in Carousel' issue

[naderby]

I have links inside the bootstrap carousel panels and these can be clicked through on all devices I've tried except for Kindle when using bootstrap-touch-carousel.

I can confirm this by removing the script and the links will then work.

The links show that they have been pressed but nothing happens. However, if you hold the link button then the pop up will show the link navigation options, eg. open in new tab etc.

Otherwise a fine script!

[ixisio]

hey @naderby,
will have a look on it very soon.

I think, gestures are fully supported on Kindle fire.
But you are talking about links inside captions?

thx!

Cheers,
andy

[naderby]

This is the HTML I'm using:

<div class="item active">
    <a href="/page-1/" class="one"></a>
    <div class="carousel-caption">
        <h2 class="hidden-xs">Title</h2>
        <p class="hidden-xs">Content.</p>
        <p><a href="/page-1/" class="btn btn-default">Button</a></p>
    </div>
</div>

[ixisio]

you can try to remove the .prevent-user-select() Mixin. Maybe this would help.

It's not possible for me to test on a real kindle device, so you have to try-and-error a bit for yourself.

Anybody any idea?

Sorry & Cheers

[naderby]

I can confirm this also happens on the Nexus 7 with Jellybean, using my code as above.

I will be trying the remove mixin experiment shortly.

[naderby]

I gave the div.carousel.slide.touch-carousel a style of "-webkit-user-select: auto !important" to override the mixin and the problem remained.

Oddly, on the nexus, although the link didn't work if you hold a finger down the resulting options presented suggest the browser does know that it is a link: Open Link In New Tab etc

[ixisio]

hmm, sounds like a click/touch event .preventDefault().
I'll take care of it very soon...