CSS Transition attached to dragging element causes ghost to be messed up
- Dominant language
- JavaScript
- Stars
- 1.2k
- Forks
- 155
- PR merge metrics
- No merged PRs in 30d
Description
Hello
If you have a draggable element for an example with
```
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
```
And you use `drag.ghost();` on `draginit` it will cause it to be messed up...
Example http://jsfiddle.net/3NkZM/351/ (try the right one for example)
Is there anyway to prevent the ghost element from getting these transition css styles?
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the behavior in the linked jsfiddle, using the right-hand draggable example with CSS transitions and drag.ghost() on draginit. Trace how the ghost element is created and determine whether it retains the transition styles; done means the ghost displays correctly without those styles while dragging.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100