Search and Top Navigation
#2919 closed bug (fixed)
Opened May 21, 2008 11:00PM UTC
Closed May 25, 2008 11:04PM UTC
Helper:clone object in wrong position - example code included
| Reported by: | chrishandorf | Owned by: | paul |
|---|---|---|---|
| Priority: | critical | Milestone: | 1.5 |
| Component: | ui.draggable | Version: | 1.5b4 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Load the code below into Firefox or Safari (there is no problem in I.E.).
Drag one of the links - everything works fine. Now resize the browser window so the scroll bar appears and use the scrollbar to scroll about half of the links off the top of the page. Now try dragging one of the remaining visible links and you will see the problem - the helper:clone object is no longer under the mouse but instead is many pixels below it. Depending on the size of your browser window the helper:clone may even be off of the bottom of the visible page giving the impression that the drag isn't working at all.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<div class="link">Link 1</div>
<div class="link">Link 2</div>
<div class="link">Link 3</div>
<div class="link">Link 4</div>
<div class="link">Link 5</div>
<div class="link">Link 6</div>
<div class="link">Link 7</div>
<div class="link">Link 8</div>
<div class="link">Link 9</div>
<div class="link">Link 10</div>
<div class="link">Link 11</div>
<div class="link">Link 12</div>
<div class="link">Link 13</div>
<div class="link">Link 14</div>
<div class="link">Link 15</div>
<div class="link">Link 16</div>
<div class="link">Link 17</div>
<div class="link">Link 18</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<script src="jquery-1.2.4b.js" type="text/javascript"></script>
<script src="jquery.ui-all-1.5b4.js" type="text/javascript"></script>
<script type="text/javascript">
$(".link").draggable({helper:"clone"});
</script>
</body>
</html>