Thanks for that Paul - keep up the good work. I managed to work around this by reducing the size of the page to stop it from jumping....
On Oct 28, 8:49 pm, "Paul Bakaus" <[EMAIL PROTECTED]> wrote: > Hi guys, > > this is a known issue and we're working hard on resolving it. > > Thanks, > Paul > > > > On Tue, Oct 28, 2008 at 1:37 AM, rm <[EMAIL PROTECTED]> wrote: > > > yeah - having the same problem but with handles > > > Even if I manually scroll down the web page and then try to move a > > draggable element with a handle, it still causes the element to jump > > "up" the same distance that you have scrolled down the page. > > > Even tried it on the functional demo page for JQuery UI. > > >http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.draggable > > > and it did the same thing with the "Drag with a handle" example. > > > Funnily enough, when I used "Drag using a handle with a helper" it > > didn't have that problem. > > > I tried this within my own jquery code but it didn't work. > > > On Oct 21, 6:31 am, packman <[EMAIL PROTECTED]> wrote: > > > I forgot to update the text in my example to reflect the fact that the > > > only remaining problem with the current revisions happens when you > > > pick up the item that have been moved and try to move it again so > > > strike the following text: > > > > "As soon as the viewport starts to scroll the box that is being moved > > > accelerates away from the cursor." > > > > and replace with > > > > "Once the blue square has been dragged and dropped next to the red > > > square (and the viewport has scrolled), pick up the blue square again > > > and it will jump towards the top of the screen." > > > > If I have time I will put up an online demo tonight. > > > > EC > > > > On Oct 20, 4:21 pm, packman <[EMAIL PROTECTED]> wrote: > > > > > I have seen several postings that seem to be related to this topic. > > > > > Here's one related to ui.dialog: > >http://groups.google.com/group/jquery-ui/browse_thread/thread/319d417... > > > > > Here's one related to ui.sortable: > >http://groups.google.com/group/jquery-ui/browse_thread/thread/fcca456... > > > > > But I have not see one specific to ui.draggable. The issue is that > > > > once the window has been scrolled by dragging an element, picking up > > > > the element and attempting to drag again causes the element to jump > > > > "up" the same distance that the viewport has been scrolled. There are > > > > other issues with the current (1.5.2) release (i.e. the element being > > > > dragged would take off when the viewport started to scroll) but when I > > > > test with the latest revisions in SVN as of today (10/20/2008) this is > > > > that only issue that I can see remaining. I have just started working > > > > with jQuery so I have not dug into the code but if someone can verify > > > > that this is being worked on that would be helpful. Or if it is not > > > > being worked on I will enter a new ticket for this specific problem. > > > > BTW, it works fine in Firefox with both the current release and the > > > > latest revisions in SVN. > > > > > Thanks, > > > > EC > > > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > > > <html xmlns="http://www.w3.org/1999/xhtml"; > > > > > <head> > > > > <title>jQuery UI Draggable Test</title> > > > > <script type="text/javascript" src="jquery.js"></script> > > > > <script type="text/javascript" src="ui.core.js"></script> > > > > <script type="text/javascript" src="ui.draggable.js"></script> > > > > <script type="text/javascript" src="ui.droppable.js"></script> > > > > > <script language=javascript type="text/javascript"> > > > > $(document).ready(function(){ > > > > alert( document.compatMode ); > > > > $("#source") > > > > .draggable({scroll:true}); > > > > }); > > > > </script> > > > > </head> > > > > <body> > > > > <div id="source" style="width:40px; height:40px; > > > > position:absolute; top:40px; background-color:#0000FF"> > > > > </div> > > > > <div id="target" style="width:40px; height:40px; > > > > position:absolute; top:400px; background-color:#FF0000"> > > > > </div> > > > > <div id="instructions" style="position:absolute; top:200px;"> > > > > ----- Resize your browser so the bottom of the viewport is here. > > > > The try to drag the blue square to the red square.<br /><br /> > > > > As soon as the viewport starts to scroll the box that is being > > > > moved accelerates away from the cursor. > > > > </div> > > > > Testing ui.draggable.js<br /> > > > > </body> > > > > </html> > > -- > Paul Bakaus > UI Architect > --http://paulbakaus.comhttp://www.linkedin.com/in/paulbakaus --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
