Browser width affects the arrangement of reorderable elements while dragging the avatar
Description
The extra spaces (it looks like invisible elements) are added at the end of the row while dragging the avatar. It only seems to be occuring in when the browser width is *JUST* big enough to hold the elements in their arangement.
2) adjust the browser size so that it is *JUST* wide enough to hold two full rows and a third row with only 2 elements
3) attempt to drag an element. Notice that the row it is over, has an empty space at the end, which pushes the other elements forward.
4) attempt to drag an element at the end of the row. Notice that there is now a new row created, which is completely blank except for the last element.
Environment
FF2, FF3, Opera 9.5, Safari 3 (Mac OS 10.5)
FF2, FF3, IE6, IE7, Opera 9.5 (Win XP)
FF3, IE7 (Win Vista)
FF3, IE6 (Win 2000)
Attachments
5
Activity
Show:
Justin Obara October 31, 2008 at 1:11 PM
Appears to have been fixed with one of the updates to the Image Reorderer. May have had something to do with the drop target size.
Eli Cochran September 25, 2008 at 9:25 PM
Added a screenshot for the misplaced avatar. Unfortunately the screenshot did not capture the pointer. However from the position of the drop target you can kinda get the idea of just how off it was.
Eli Cochran September 25, 2008 at 7:38 PM
Edited
This bug is back but not quite the same as before. See the screen shots above.
909-Drag_bug_before.jpg and 909-Drag_bug_after.jpg
I saw this on FF3 on both Mac and Windows. The window was six across in rows 1 and 2, two across in row 3 with the window width just barely wide enough to accommodate the six images.
When dragging an image to the bottom of the window below row 3 then the images in rows 1 and 2 will shift down to the next row.
On Windows there is an additionally oddity, perhaps a different bug but related. When grabbing the image when the window is in this "tight" state, the avatar is sometimes offset from the pointer, extremely so for the rightmost images. (I will try to get a screenshot.)
The extra spaces (it looks like invisible elements) are added at the end of the row while dragging the avatar. It only seems to be occuring in when the browser width is *JUST* big enough to hold the elements in their arangement.
Steps to reproduce:
1) open the generic light box example from the daily build site:
http://build.fluidproject.org/fluid/sample-code/reorderer/generic-lightbox/generic-lightbox.html
2) adjust the browser size so that it is *JUST* wide enough to hold two full rows and a third row with only 2 elements
3) attempt to drag an element. Notice that the row it is over, has an empty space at the end, which pushes the other elements forward.
4) attempt to drag an element at the end of the row. Notice that there is now a new row created, which is completely blank except for the last element.