All threads / Vue Trello series - Disable VueDraggable on certain child fields such as "Input"

Ask A Question

Notifications

You’re not receiving notifications from this thread.

Vue Trello series - Disable VueDraggable on certain child fields such as "Input"

Matthew Deloughry asked in Javascript

Hi,

So I've just worked my way through the Vue trello course series (Love it by the way), and no going on to rework and add some more flair/features to it.

One feature I'm looking to improve is allow text to be dragged and selected (Input, text areas and such) to allow easier copy and pasting or easy clearing etc.

Just wondering how best ot implment this, I can see in the VueDraggable docs that I can do something like <draggable :options="{disabled: editing}"> but being fairly new to vue I'm struggling how to figure this out for child elements that might not alter the editing state.

Anyone able to help?

Thanks
Matt

Join the discussion

Want to stay up-to-date with Ruby on Rails?

Join 37,344+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2020 GoRails, LLC. All rights reserved.