.css(prop) fails in IE for detached elements

[jaredjacobs@…]

This seems to be a regression introduced in 1.4.3 and still broken in 1.5.1. (1.4.2 does not have the bug.)

In most browsers:

  $("<div/>").css("top", 10).css("top")
  > "10px"

However, in IE (I tried IE 8):

  $("<div/>").css("top", 10).css("top")
  > null

even though:

  $("<div/>").css("top", 10)[0].style.top
  > "10px"

[anonymous]

A workaround is attaching the element to the document:

$("<div/>").css("top", 10).appendTo("body").css("top")
> "10px"

P.S. Here's a jsfiddle demonstrating the problem (in IE): ​http://jsfiddle.net/qrXen/1/

[Rick Waldron]

Confirmed.

​http://jsfiddle.net/rwaldron/4A449/

[dmethvin]

Most likely because it's getting the computed style and not the literal css string. I don't know if this is a reasonable request of the browser since top doesn't make a lot of sense on a disconnected element.

[john]

We should be checking to see if the node is disconnected and just using .style.top instead. Confirmed in bug triage.

[mikesherov]

​https://github.com/jquery/jquery/pull/553

[Timmy Willison]

#10254 is a duplicate of this ticket.

[Mike Sherov]

Landing pull request 553. Fallback to elem.style for disconnected nodes in width/height retrieval. Fixes #8388.

More Details:

• ​https://github.com/jquery/jquery/pull/553
• ​http://bugs.jquery.com/ticket/10254
• ​http://bugs.jquery.com/ticket/8388 Changeset: e502012c0f8e7604eaabe4065ba769af04eec180