Opened 7 years ago

Closed 7 years ago

#4824 closed bug (fixed)

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:
Blocked by: Blocking:

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 (5)

comment:1 Changed 7 years ago by jzaefferer

  • 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 7 years ago by rdworth

  • Priority changed from minor to critical

comment:3 Changed 7 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 7 years ago by scottgonzalez

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

comment:5 Changed 7 years ago by scottgonzalez

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

Fixed in r3798.

Note: See TracTickets for help on using tickets.