Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

Prevent flapping animations when removing / adding dragover class #277

Closed
wants to merge 1 commit into from

Conversation

asilberschneider
Copy link

Problem: When starting a CSS3 transition which modifies position/z-index/opacity of sub elements of the dropzone after the dragover class is applied, the animation sometimes starts to flap awkwardly.

Solution: Wait 200ms before removing dragover class to prevent issues with CSS3
transitions which rely on the dragover class to be induced (when the dragover class is applied/removed/applied again in short time).

Wait 200ms before removing dragover class to prevent issues with CSS3
transitions which rely on the dragover class to be induced, otherwise
this may cause awkward "flapping" of the animation when the dragover
class is applied/removed/applied again.
@danialfarid danialfarid added bug and removed bug labels Jul 23, 2014
danialfarid pushed a commit that referenced this pull request Jul 27, 2014
@danialfarid
Copy link
Owner

You can now specify ng-file-drag-over-delay="200" to fix the css transition issue. Version 1.6.2

@nandhacse
Copy link

how to upload the dragged file to node.js
is there any way to do this. i'm eager to do this in my project.

Thanks in advance

@danialfarid
Copy link
Owner

@nandhacse yes use ngf-drop directive

@nandhacse
Copy link

how to send the drag or dropped file to node js. do you have any fiddle. Then i will be able to understand and learn

Thanks danialfarid

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

Successfully merging this pull request may close these issues.

3 participants