Ticket #4824 (closed bug: fixed)

Opened 5 years ago

Last modified 4 years ago

draggable broken on inline elements in webkit browsers

Reported by: sebbacon Owned by:
Priority: critical Milestone: 1.8
Component: ui.draggable Version: 1.7.2
Keywords: safari chrome drag webkit Cc:
Blocking: Blocked by:

Description

On inline elements in Chrome and Safari, the element is moved across the page at about twice the speed of the drag event. Example:

 <script type="text/javascript">
  $(function() {
	$(".draggable").draggable();
  });
 </script>

 <span class="draggable" class="ui-widget-content">
  I move at twice the speed of the drag
 </span>

 <div class="draggable" class="ui-widget-content">
  I work correctly
 </div>

Change History

comment:1 Changed 5 years ago by joern.zaefferer

  • Milestone changed from TBD to 1.8

Wow, thats weird. There seem to be a lot of those with the latest Safari and Chrome version. Go Webkit, go...

comment:2 Changed 4 years ago by rdworth

  • Priority changed from minor to critical

comment:3 Changed 4 years ago by Sancus

This bug produces not just double-speed dragging, but weird trailing effects in the current release version of Safari, but not Chrome. It's specifically display:inline that causes it. See:  http://sancus.off.net/safari_test.html (drag downwards)

comment:4 Changed 4 years ago by scott.gonzalez

This problem doesn't exist if the element is absolutely positioned.

comment:5 Changed 4 years ago by scott.gonzalez

  • Status changed from new to closed
  • Resolution set to fixed

Fixed in r3798.

Note: See TracTickets for help on using tickets.