CSS background-image attribute for detached elements does not update in Chrome

[[email protected]…]

It took me literally forever to track this bug down, as it was not reproduced in non-chrome. If you detach an element (say a span/div) that has a background-image property already set, and attempt to change it while it is detached, it will NOT update. However other CSS properties such as width/height update as expected.

Steps to reproduce:

1.) Create any element, assign it a background-image

2.) Attach/insert element into your page somewhere

3.) Detach element

4.) Attempt to change background-image

[anonymous]

This should be for 1.6.1, however I think the problem still persists.

[dmethvin]

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket. If this only occurs on one browser, the problem may not be in jQuery; please try to create a test case that uses only plain Javascript and DOM.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: ​http://jsfiddle.net/FrKyN/ Open the link and click to "Fork" (in the top menu) to get started.

[[email protected]…]

Well, it appears that this is specific to chrome:

jQuery test: ​http://jsfiddle.net/FrKyN/31/ Regular JS+DOM test: ​http://jsfiddle.net/9XBEA/

Both exhibit the same problem

[dmethvin]

Sounds like you'll need to report it to the Chrome team.