Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(click) and routerLink do not works inside of ngxSlickItem in some cases #25

Open
lautarobock opened this issue Jan 5, 2018 · 5 comments

Comments

@lautarobock
Copy link

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

@devmark
Copy link
Owner

devmark commented Jul 11, 2018

Closed. open new issue if any question.

@devmark devmark closed this as completed Jul 11, 2018
@lautarobock
Copy link
Author

Why closed?? it is fixed?

@devmark devmark reopened this Jul 11, 2018
@lautarobock
Copy link
Author

Thanks. Any comments?

@pmagar
Copy link

pmagar commented Jan 2, 2019

#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;
}
}

@LucasNF84
Copy link

does not solve the problem # 25

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants