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.

Use in conjunction with transition-group

See original GitHub issue
<Container @drop="onDrop">
    <transition-group name="list">
        <Draggable v-for="(conn) in connections" :key="conn.id">
            <h1>{{conn.name}}</h1>
        </Draggable>
    </transition-group>
</Container>

That doesn’t work. Is it possible to animate enter/leave as well as drag & drop using vue-smooth-dnd?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

7reactions
junlinguo11commented, Sep 12, 2018

@kutlugsahin this problem still exist, any solution?

0reactions
zippoxercommented, May 25, 2018

@kutlugsahin This doesn’t work as well. Entrance and leave animations don’t trigger.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Add Animations with React Transition Group
Typically, a SwitchTransition is used in conjunction with the Transition or CSSTransition component. Let's create an example using both the ...
Read more >
React Transition Group And Animations - Stack Overflow
This repo with a comparison of animation methods in react may be helpful, they recommend using React CSS Transition groups in conjunction ......
Read more >
Transition between Pages with React Transition Group and ...
It's possible to use React Transition Group for transitions between pages. This can be a clever and useful boost to overall user experience...
Read more >
Animating React Components with react-transition-group
To do this, I'm going to use react-transition-group (docs). Upon clicking the navigation bar icon, there will be two transitions: 1) the width...
Read more >
React. How to animate transitions between React Router ...
In the previous article I told you how we could use the React Transition Group library in conjunction with React Router to create...
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