Prevent flapping animations when removing / adding dragover class #277
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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.
|
You can now specify |
|
how to upload the dragged file to node.js Thanks in advance |
|
@nandhacse yes use ngf-drop directive |
|
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
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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).