Overlap: horizontal causes flickering.
Reported by W. Bowley | July 16th, 2008 @ 04:34 PM
If a sortable container has an overlap tag of horizontal and the container performs a wrap, attempting to drag and drop an object causes the lower row item to swap with the upper row item when the horizontal overlap exceeds the pre set limit.
For instance, if you had a div of 100 pixels wide and insert 15 objects of 10 pixels wide, it creates two rows. The top row will
have 10 objects and the bottom row will have 5 objects. If you attempt to drag an item in the bottom row, the overlap calculation is done on the upper row objects and therefore the insertion point is placed on the upper row since the vertical overlap isn't taken into account.
There almost needs to be an overlap of 'both' which will calculate both the horizontal and vertical overlap to determine where the image will land.
Comments and changes to this ticket
-
Petr Kaleta August 11th, 2008 @ 12:57 PM
Hi, I'v got exactly the same problem...
Do you got some solution?
-
W. Bowley August 11th, 2008 @ 04:15 PM
I basically had to modify the javascript and create a "both" value for the overlap. If it is both, I look at the horizontal and vertical values and if they fall within the given ranges I do the swap. It's a poor hack, but did what I needed it to do.
Warren
-
Petr Kaleta August 11th, 2008 @ 10:24 PM
Hello Mr. Bowley, can you please send me your modification? It will help me a lot! Thank you very much!
Regards
-
Petr Kaleta August 12th, 2008 @ 12:31 AM
Or maybe if you could share your solution with all of us, it will be great! Thank you very much!
Please Login or create a free account to add a new comment.
You can update this ticket by sending an email to from your email client. (help)
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile »
script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours.
Source available from github
The Git repository resides at:
http://github.com/madrobby/scriptaculous
Check out the current development trunk with:
git clone git://github.com/madrobby/scriptaculous.git
As script.aculo.us 1.xx is feature-frozen, this development trunk is for bugfixes only.
New development should happen only for
script.aculo.us 2.
Creating a bug report
When creating a bug report, be sure to include as much relevant information as possible. Post a an example that shows off the problem. Preferably, alter the unit tests and show through either changed or added tests how the expected behavior is not occuring.
Thomas Fuchs