ngx-slick
ngx-slick copied to clipboard
devmark
(click) and routerLink do not works inside of ngxSlickItem in some cases
I'm not sure which are the cases, but in some cases (click) event and routerLink do not work inside of ngxSlickItem.
If the amount of items fit inside of the screen (let says there is not scroll) works always fine. But having more items start to fail. Here you can see the erorr working
https://lautarobock.github.io/slick-bug/
If you try to click in one of the two buttons of the last item do not work (should change the route), but if you scroll to the left works.
and the repo is here https://github.com/lautarobock/slick-bug
#53 #30 #45 #25 - (click) and routerLink do not works inside of ngxSlickItem in some cases
I hope following code will work for above issues
Javascrip or TypeScrip (if you are using Angular)
this.slideConfig = {
slidesToShow: 5,
slidesToScroll: 1,
infinite: false,
responsive: [
{
breakpoint: 2660,
settings: {
slidesToShow: 4
}
}, {
breakpoint: 1400,
settings: {
slidesToShow: 3
}
}, {
breakpoint: 1024,
settings: {
slidesToShow: 2
}
}, {
breakpoint: 600,
settings: {
slidesToShow: 1
}
}
],
prevArrow: <img id='prevArrow' class='a-left control-c prev slick-prev' src='../../assets/images/Next.png'>,
nextArrow: <img id='nextArrow' class='a-left control-c next slick-next' src='../../assets/images/Next.png'>
};
css .carousel{ .slick-disabled{ opacity: .5; pointer-events:none; } }
