Git Product home page Git Product logo

Comments (8)

bcakmakoglu avatar bcakmakoglu commented on June 11, 2024 1

You might wanna read this section of the docs.

TL;DR: add the nodrag class name to elements that should not initiate a drag action inside a node.

from xyflow.

bcakmakoglu avatar bcakmakoglu commented on June 11, 2024 1

Aha! Well that's quite different from the original issue I assumed you had (thought you were trying to use some input text selection or whatever inside of a node, which the above class name + css would've allowed).
So the problem is using the RF built-in selection box while having the mouse on a node, is that correct?

from xyflow.

bcakmakoglu avatar bcakmakoglu commented on June 11, 2024 1

If that's the case, I don't think that works out of the box sadly - so your initial request might make sense although that's for the maintainers to decide and not me 😄

At least we were able to clarify what the exact issue here is ^^

from xyflow.

hiepnguyen3001 avatar hiepnguyen3001 commented on June 11, 2024

But that only prevents dragging the node, and you still cannot start drag selection from inside the node.

from xyflow.

bcakmakoglu avatar bcakmakoglu commented on June 11, 2024

Well, add some css to the element user-select: text; or all and you're good.

from xyflow.

hiepnguyen3001 avatar hiepnguyen3001 commented on June 11, 2024

I did and it still doesn't work.

Screen.Recording.2024-05-17.at.13.21.17.mov

from xyflow.

bcakmakoglu avatar bcakmakoglu commented on June 11, 2024

Mh... not quite sure what the video is supposed to tell me? What exactly are you trying to achieve with "dragging" here?

from xyflow.

hiepnguyen3001 avatar hiepnguyen3001 commented on June 11, 2024

In the video I start dragging outside of the box it triggers drag selection but when I do it from inside the box nothing happens.

from xyflow.

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.