Search and Top Navigation
#5563 closed bug (fixed)
Opened April 28, 2010 09:30PM UTC
Closed March 14, 2011 03:07PM UTC
Last modified April 11, 2011 07:50AM UTC
Draggable connected to Sortable, [AJAX (Draggable) + WIDE SELECT] in same table cell. Drop fails.
Reported by: | Niloct | Owned by: | |
---|---|---|---|
Priority: | major | Milestone: | 1.8.11 |
Component: | ui.sortable | Version: | 1.8 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
The attached files provide all source code needed to reproduce odd behavior in the subject.
I have AJAX loading a chunk of HTML which contains a draggable. The _placeholder_ of this chunk is inside a table cell, together with a SELECT box (right above the placeholder).
AFTER I load the AJAX, the following occurs:
goodSortable.html - I am able to drag the cross and drop it inside the dropspot, without any hacks.
badSortable.html - Only after I "disturb" the dropspot, by dragging _the dropspot_ and dropping it somewhere, then the drag & drop with the cross works.
Things to consider:
A) If the chunk in statically embedded in the DIV placeholder (i.e. no AJAX), it works on badSortable.html
B) Also, in goodSortable.html, if you set the SELECT width to something too large, it will break.
Conclusion:
There must not be a SELECT on the same cell that the placeholder of AJAX, which would EXPAND the loaded DIV more than it's ORIGINAL WIDTH.
If this condition happens, there's no drop in dropsort without the hack described above.
Attachments (1)
Change History (4)
Changed April 29, 2010 03:29AM UTC by comment:1
Changed October 19, 2010 03:31PM UTC by comment:2
priority: | critical → major |
---|
Changed March 14, 2011 03:07PM UTC by comment:3
milestone: | TBD → 1.8.11 |
---|---|
resolution: | → fixed |
status: | new → closed |
Fixed in 84257e7f0ae20b81b085f1360c15defdd2b89ea9.
UPDATE: Problems with IE (who hasn't ?)
I tested goodSortable.html _only_ in Chrome and Firefox under Linux/Win7.
For IE, the suggested workaround doesn't work (i.e. narrowing the select).
For IE8 only, hovering the dropspot once, hovering out, and over again activates the dropspot. No need for "disturbing" the dropspot first but alas it's not a clean solution.