Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Element not move smoothly to new position in group transition #4

Open
chingkit opened this issue Feb 6, 2018 · 6 comments
Open

Element not move smoothly to new position in group transition #4

chingkit opened this issue Feb 6, 2018 · 6 comments
Labels

Comments

@chingkit
Copy link

chingkit commented Feb 6, 2018

if there is no items at the begining in group transition , element will not move smoothly to new position.

https://codesandbox.io/s/13wr0vojn3

The above codesandbox show the case.
If edit App.vue to the following

		data(){
			return {
				show: true,
				logo: 'https://vuejs.org/images/logo.png',
				items:[1,2,3]   //<-------change this line only
			}
		},

then elements will move smoothly to new position.

@cristijora
Copy link
Collaborator

cristijora commented Feb 6, 2018

Indeed is a bug. Not sure why it happens yet.

@cristijora cristijora added the bug label Feb 6, 2018
@cristijora
Copy link
Collaborator

I think I know why that might happen. Probably due to some inline styles that are set on elements (animation-duration). Will try to remove them when element transition is finished and see if that works.

@chingkit
Copy link
Author

chingkit commented Feb 6, 2018

Thank you very much.
This is a great library, easy to use and powerful.

@cristijora
Copy link
Collaborator

Added a partial fix for now. It will work if you wait for the full transition of the first element. If you add items to quickly it won't work. Will try to figure out how to fix that.

@tea-spoon
Copy link

When you do, claim this :) @chaintip

@chaintip
Copy link

0 BCH| ~ 0.00 USD has now been tipped to this issue.
To claim this bounty, get a pull request merged with @chaintip fixes #4 in the creation comment.

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants