Search and Top Navigation
#2991 closed bug (wontfix)
Opened June 11, 2008 11:03PM UTC
Closed June 16, 2008 07:56PM UTC
Last modified November 05, 2010 09:10AM UTC
Sortable: Growing table bug in FireFox
| Reported by: | gordon | Owned by: | paul |
|---|---|---|---|
| Priority: | major | Milestone: | 1.5.1 |
| Component: | ui.sortable | Version: | 1.5 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
In FireFox, certain conditions can cause tables to grow by one pixel per sort if they have a sortable applied to them.
Attachments (1)
Change History (4)
Changed June 16, 2008 07:56PM UTC by comment:1
| resolution: | → wontfix |
|---|---|
| status: | new → closed |
Changed June 26, 2008 07:10PM UTC by comment:2
| milestone: | 1.5 → 1.5.1 |
|---|
Changed October 23, 2009 01:48PM UTC by comment:3
The same thing happens in Chrome, and the proposed workaround does not work.
Changed November 05, 2010 09:10AM UTC by comment:4
Yes, this is a quite annoying problem.
As a weak workaround, I found out that in the stop callback, the following prevents the table growth.
$(this).closest("table").hide();
var that = this;
window.setTimeout(function () {
$(that).closest("table").show();
}, 0);
Interestingly, the setTimeout is needed for it to work. The big price of the workaround is that this causes flickering. The workaround was tested in Chrome.
This seems to be a Gecko issue, and I couldn't find out why it happens - but it's definitely a rendering bug. There is a hotfix though - if you set and reset the position from static to absolute on the tbody, it will fix itself.
$('.questionGrid tbody').sortable({
handle: '.sortHandle',
helper: function() {
return $("<div>Sorting..</div>")[0];
},
start: function() {
$(this).css("position", "relative");
},
stop: function() {
$(this).css("position", "");
}
});