removeAttr('style') does not consistently remove the style attribute in webkit

[azazel.private@…]

1. $('#item').css('visibility', 'hidden');
2. $('#item').removeAttr('style'); Element still hidden...

It works fine in jQuery < 1.6

Example: ​http://jsfiddle.net/azproduction/hhEka/

[Timmy Willison]

The style attribute is not always getting removed, but this is strangely inconsistent. It does work sometimes and it does work when done from the console.

[Timmy Willison]

This seems to be a webkit bug. removeAttribute does not consistently remove the style attribute at all times.

@azazel In the meantime, the recommended way to reset a style is to set it to empty string with css:

$('#item').css('visibility', '')

[Timmy Willison]

#9500 is a duplicate of this ticket.

[anonymous]

any workaround for removing all inline style ?

Shouldn't this work :

$("#item").prop("style", "")

?

(can't try now)

[Timmy Willison]

@anonymous: that would be bad. The style property is an object which contains all styles, including defaults, for the element. You could do

.attr('style', '');

or

elem.style.cssText = '';

or set each style individually with the css method as shown above.

[anonymous]

I found that

.attr('style', '')

works good.

You're right, I forgot about the cssText subproperty... Maybe it would be more reliable/cross-browser if we used this.

[Timmy Willison]

This should not have been closed.

[Timmy Willison]

#10136 is a duplicate of this ticket.

[Timmy Willison]

Revert back to always setting the attribute to empty string before removal. Fixes #9699.

Changeset: d723942b274e3e48dac82ebde11906a4cb349415

[jQuery: eternally clueless]

Do you idiots not get it? The style attribute is never being set. The visibility property of the style object is being set. Of course removeAttribute does nothing. The only reason this worked before was because of your broken attr implementation that mucked with properties.

[dmethvin]

Welcome David Mark, and thanks!

[iamchriswick]

Hi,

I have a

<span style="display: none; ">

that is generated in my code, and I cant figure out why "display: none;" is set.

I have tried using:

$('span').removeAttr('style');

and

$('span').attr('style', '')

...but none of them are working.

Some how

$('span').removeAttr(style);

is working, but of cource that give an error due to the missing around style.

Any suggestions?

[GU Yiling]

Hi guys,

Here's a good news: WebKit might fix the related bug (​https://bugs.webkit.org/show_bug.cgi?id=99295) soon and jQuery can get rid of the current hack in the near future!

[anonymous]

​https://bugs.webkit.org/show_bug.cgi?id=99295 was fixed on 2012-11-06. Can this hack be removed?

[mikesherov]

At some point in the future, yes, we can remove the hack. Unfortunately, there's still a lot of old version of webkit floating around out there who don't have this fix yet.

[mikesherov]

New ticket created for future hack removal: #13511

[ist.kein.problem@…]

Just that helped for me.

$('#item').attr({ 'style' : '' });