question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Setting handle leads to unexpected behaviour

See original GitHub issue

Hello, and thanks for an awesome plugin! I came across an unexpected behaviour when using handle option and binding a bool on a checkbox. My example element’s underlying structure: { name: "Adam", available: false } In element’s v-for loop I have a regular checkbox with v-model="element.available" List 1 serves as a model from which I clone (deep-clone) elements to List 2 and then operate (check and reorder) on List 2 only. Checking and immediately unchecking an element’s checkbox, and then grabbing the element but putting it back to the same place causes the checkbox to toggle, even though available is still false. “Putting things back” is not the only case when this self-toggling happens but it’s the easiest way to encounter it. At the same time when handle isn’t set, everything is fine.

Jsfiddle link

With handle: https://jsfiddle.net/ianshade/8vb86tdy/ (incorrect behaviour) Imgur

Without handle: https://jsfiddle.net/ianshade/z2j4x4k4/ (correct behaviour) Imgur

Step by step scenario

  1. Drag two or more items from List 1 to List 2
  2. Check and uncheck an item’s checkbox (like as you were an undecided user)
  3. Begin dragging that item but put it back to where it’s been (a very undecided user)
  4. See the checkbox toggle by itself even though underlying model is false

Edit: I’m using the latest versions provided: Vue.Draggable@2.16.0, sortablejs@1.7.0.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
David-Desmaisonscommented, Jan 29, 2019

@trevorgehman I will provide.

0reactions
David-Desmaisonscommented, Feb 25, 2019

Corrected in version 2.18.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

Teaching Expected and Unexpected Behaviors
Help your students improve their behavior and consider how it affects others by teaching about expected and unexpected behaviors.
Read more >
Teaching Expected & Unexpected Behaviors the Right Way
Historically, there has been a tendency to teach social behavior by setting behavioral expectations and then simply telling students what to do or...
Read more >
Actions That May Cause Unexpected Behavior
In Oracle Essbase or Oracle Hyperion Enterprise® data sources, cutting and pasting from Microsoft Word into an Excel worksheet may cause unexpected behavior...
Read more >
Manually removing build folder leads to unexpected behaviour
Manually removing the build folder from outside VSCode leads to unexpected behaviour, namely that CMake fails to configure properly.
Read more >
Unexpected Behavior After State Change in React Component
Update. I have tried setting openState in my component state variable, but this does not help either: RenderImages = (): React ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found