Git Product home page Git Product logo

Comments (5)

fancyapps avatar fancyapps commented on July 17, 2024 1

Hi,

The logic must be the other way around. Your code should handle click event and prevent default click action (e..g, event.preventDefault();) when dragging is detected. That is how every carousel/slider script (should) work. Fancybox (like any other lightbox/modal script) then checks if event.defaultPrevented and returns if it is true.

from ui.

thyash11 avatar thyash11 commented on July 17, 2024

Thank You, I solved it by setting links to pointer-events: none while dragging.

from ui.

franco-onevillas avatar franco-onevillas commented on July 17, 2024

Hi,

I am testing the fancybox Carousel and wondering if you know how to prevent the default on vue (to make some calculations if the drag is vertical or more horizontal). I tried event handlers but actually didn't work for click nor dragging.

Thanks :)

from ui.

fancyapps avatar fancyapps commented on July 17, 2024

@franco-onevillas Sorry, I could not understand your question (what is "on vue"), could you please elaborate? Basically, calculate drag distance using pointer/mouse events and then inside click event decide if default action should be prevented.

from ui.

franco-onevillas avatar franco-onevillas commented on July 17, 2024

Hi @fancyapps , thanks for answering me.

Regarding "on vue" I was talking about the Vue framework and how to stop the dragging event there.

I have this issue #222 and I am trying to catch the drag event to make some calculations but can't stop the dragging to happen.

This issue is probably this line of code, right?
// If this is a quick horizontal flick, slide to next/prev slide

Thanks again

from ui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.