Slick: Horizontal scrolling oh hover - bug?

[dghez]

Hi everyone!
I'm using this plugin and it's real good but I can't understand why on hover appear the horizontal scrollbar and my entire page move left when the slide "sliding".
Was one of my problem or it's common? Maybe it's a bug.

I solved that adding overflow-x: hidden to the entire body.
Any idea?
Thanks!

[tomaszpoliszuk]

Yup, probably you did something wrong.

[tomaszpoliszuk]

Ok, now of real:
probably this (or similar) is the issue

.slick-slider:hover .slick-prev{right: -25px;}

if not - give us example ;)

[simeydotme]

hi @dghez - this is a support issue for your own code/website, please seek support from a suitable source. In the Github issue tracker we are here to help solve issues with the plugin; not your website :grinning:

https://github.com/kenwheeler/slick/blob/master/CONTRIBUTING.markdown

[julianmatz]

I'm having the same, or similar, problem. The same behavior also appears on one of the demos on your site. If you hover the mouse over the images on the "Lazy Loading" demo, a horizontal scrollbar appears.

http://kenwheeler.github.io/slick/#demos

[julianmatz]

I think the issue with images and the horizontal scrollbar that appears when hovering over them has to do with Pinterest buttons. If this is the issue, you can add the "data-pin-nopin" attribute to your thumbnails.

[tomhicz]

Well spotted Julian. Spent ages trying to work out what was causing that, but disabling the pinterest extension on chrome seems to have fixed it. Hopefully the data attribute you mention will be a better fix.

Hmm. "data-pin-nopin" on the image tags doesn't seem to fix it. Disabling the pinterest extension definitely does.

[marianbida]

Yes, me too, it seems that Pinterest is the bad boy.

[LucianoHernandez]

Buffer extension does the same.
I solved the issue adding pointer-events:none to the images.
It's difficult to add exeptions to all possible extensions out there.