Skip to main content

Bug Tracker

Side navigation

#10741 closed bug (duplicate)

Opened November 09, 2011 08:28PM UTC

Closed November 09, 2011 08:54PM UTC

Last modified November 09, 2011 08:58PM UTC

jQuery.css(this, 'display') on a detached element is inconsistent across browsers

Reported by: Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 1.6.4
Keywords: Cc:
Blocked by: Blocking:

in Chrome and IE, jQuery.css(this, 'display') reports '' on a detached element. However, in FF (I tested it on 3.6), it reports the default value of an element, such as 'block' for div.

I have a detached div#files, and in CSS it is defined as #files(display:table-cell)

The result is that, in jQuery's hide() function, jQuery._data( this[i], "olddisplay", display ) stores 'block' for a detached div, and so upon .show() it would become a block element. What I wanted is to retain its CSS style defined in the CSS file.

Attachments (0)
Change History (4)

Changed November 09, 2011 08:32PM UTC by anonymous comment:1

Try it in Chrome/IE and then in FF. The red console div should be empty in Chrome/IE, but in FF it says 'block'

Changed November 09, 2011 08:54PM UTC by rwaldron comment:2

resolution: → duplicate
status: newclosed

Thanks for the dup!

Changed November 09, 2011 08:54PM UTC by rwaldron comment:3

Duplicate of #10416.

Changed November 09, 2011 08:58PM UTC by anonymous comment:4

My workaround:

var old_display = j_div.css('display'); cache custom display value (e.g. display:table-cell)

j_div.detach().hide(); upon detach, j_div.css('display') returns 'block' even if we set display:table-cell in the CSS

$j._data(j_div[0], "olddisplay", old_display);