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

Desktop: Prevent ghost images from dragging on mouseMove (desktop) #747

Closed
sblanchon opened this issue Aug 28, 2018 · 3 comments
Closed

Comments

@sblanchon
Copy link

Hi everybody,
I have images in my lory slider slides, and it doesn't slide correctly when using a mouse pointer :
When dragging a ghost image is moving instead of slide itself.
Moreover, "mousedown" / "mouseup" events are not correctly handled on IE, Firefox, and even on Chrome : Sometimes, we get sticked with slider container.
Do someone have the same issue ?
Is there a workaround ?
(I tested IMG attribute draggable="false" and CSS user-select: none)
Thanks for your return.
Stéphane

@danieljb
Copy link

Canceling the mousedown event on slides with images works for me:

slide.addEventListener('mousedown', function (event) {
  event.preventDefault();
});

@sblanchon
Copy link
Author

thanks @danieljb , i used draggable="false" ondragstart="return false" on <a>, <picture>, <img> when this 3 tags are used inside my slide.
This is working on IE11, Firefox and Chrome, and "dragging" functionality is still OK.

@nstanard
Copy link
Collaborator

Closing issues that are general help requests + have solutions provided. Thank you for your contributions.

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

3 participants