Skip to main content

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)
  • sortable.html (6.3 KB) - added by gordon June 11, 2008 11:03PM UTC.

    Demonstration of the problem

Change History (4)

Changed June 16, 2008 07:56PM UTC by paul comment:1

resolution: → wontfix
status: newclosed

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", "");

}

});

Changed June 26, 2008 07:10PM UTC by paul comment:2

milestone: 1.51.5.1

Changed October 23, 2009 01:48PM UTC by netsuke comment:3

The same thing happens in Chrome, and the proposed workaround does not work.

Changed November 05, 2010 09:10AM UTC by avuori 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.