bitovi / bitovi/jquerypp

CSS Transition attached to dragging element causes ghost to be messed up

Open
#103 0 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.