GithubHelp home page GithubHelp logo

Drag to support text selection about syn HOT 4 OPEN

bitovi avatar bitovi commented on July 21, 2024
Drag to support text selection

from syn.

Comments (4)

matthewp avatar matthewp commented on July 21, 2024

How should this work, exactly? Have a start element and end element, selecting text between the two?

from syn.

alexisabril avatar alexisabril commented on July 21, 2024

Yes, but also support drag's current API of coordinates. I'm not yet sure if we should allow starting from a specific point in text as well, eg: "see spot run", start selection from "spot".

from syn.

matthewp avatar matthewp commented on July 21, 2024

So it looks like the current API for Syn.drag is:

Syn.drag(options, from, callback)

Would it make sense to have this be part of Syn.drag or should there be a Syn.select?

// Using selectors
Syn.select(startElement, endElement, callback);
Syn.select('#startel', '#endel', callback)

// Using coordinates
Syn.select(options, callback);
Syn.select({ fromX: 100, fromY: 100, toX: 200: toY: 200 }, callback);

Or am I way off?

from syn.

kdillon avatar kdillon commented on July 21, 2024

Just to clarify, "drag" is a specific event type in browsers, and drag events are not actually fired for text selection. I suppose we could check the target element and see if it is draggable, and if it isn't, have this do a selection.

Thoughts on this? Thanks!

from syn.

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.