Skip to content

Prevent flapping animations when removing / adding dragover class#277

Closed
asilberschneider wants to merge 1 commit into
danialfarid:masterfrom
marmind:master
Closed

Prevent flapping animations when removing / adding dragover class#277
asilberschneider wants to merge 1 commit into
danialfarid:masterfrom
marmind:master

Conversation

@asilberschneider

Copy link
Copy Markdown

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
Copy Markdown
Owner

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

@nandhacse

Copy link
Copy Markdown

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
Copy Markdown
Owner

@nandhacse yes use ngf-drop directive

@nandhacse

Copy link
Copy Markdown

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