[ 5 posts ]

Norm Fox

  • Username: normfox
  • Joined: Thu Apr 23, 2009 9:11 am
  • Posts: 12
  • IRC: Norm
  • Offline
  • Profile

Odd drag drop behavior in Firefox 3.5.3 (OS X 10.6)

Post Posted: Tue Feb 02, 2010 2:53 pm
+0-
The following page is based on the "Drag & Drop: Reordering a List" example. With the lists converted to nested divs and drag "handles" added
http://mullins.microbiol.washington.edu/transfer/testYUI_DD.html
I haven't had a chance to test this in Windows yet.

Expected behavior (seen in Safari):
Mouse-down on a widget's header
Drag widget to new location in either "bucket" column:
Other widgets open up space as widget passes between them.
Mouse-up to release widget in new location.

When the page is rendered in Firefox drag drop functions as follows.
Mouse-down on a widget's header
Drag widget to new location in either "bucket" column:
When element drags over first widget onDragOver fires
The mouse seems to loose the moving widget.
Mouse-up regains full control of the widget.
Mouse click will then release the widget in a new position.

This seems to be caused by having the "draggable" widgets' style.overflow set to auto (scroll will also cause the problem).
Is this a Firefox problem, a YUI bug, or a feature?

Dav Glass

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 2088
  • Location: Marion, IL, US
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • Offline
  • Profile

Re: Odd drag drop behavior in Firefox 3.5.3 (OS X 10.6)

Post Posted: Tue Feb 02, 2010 5:06 pm
+0-
I tried a couple of times this afternoon, but your server doesn't load for me, so I can't see the page.

Norm Fox

  • Username: normfox
  • Joined: Thu Apr 23, 2009 9:11 am
  • Posts: 12
  • IRC: Norm
  • Offline
  • Profile

Re: Odd drag drop behavior in Firefox 3.5.3 (OS X 10.6)

Post Posted: Wed Feb 03, 2010 6:46 am
+0-
http://ubik.mullins.microbiol.washington.edu/transfer/testYUI_DD.html

Sorry about that I forgot that the shorter alias doesn't work outside of our network

Dav Glass

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 2088
  • Location: Marion, IL, US
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • Offline
  • Profile

Re: Odd drag drop behavior in Firefox 3.5.3 (OS X 10.6)

Post Posted: Wed Feb 03, 2010 7:03 am
+0-
This is an issue with Firefox on the Mac. Instead of putting overflow on the container element, put it on an element inside it.

If you use the Standard Module Format (http://developer.yahoo.com/yui/3/exampl ... tdmod.html) you can style the body of the module with overflow and not the actual container element.

Make sense?

Norm Fox

  • Username: normfox
  • Joined: Thu Apr 23, 2009 9:11 am
  • Posts: 12
  • IRC: Norm
  • Offline
  • Profile
Tags:

Re: Odd drag drop behavior in Firefox 3.5.3 (OS X 10.6)

Post Posted: Wed Feb 03, 2010 7:19 am
+0-
Perfect sense; thanks!

FF prompted me to install 3.6 this morning, and the upgrade fixes the issue. However from what you're saying it sounds like I should still add a second element to handle overflow so this doesn't come back and bite me in the rear down the road
  [ 5 posts ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum