show() sets "display:block" to inline element.

How to reproduce:

a. create inline element

a. hide element

a. add element to DOM using after()

a. show element

The element now has style display set to block.

Please see test page for a proof of concept.

Workaround: add the element to DOM before hiding it.

a. create inline element

a. add element using after()

a. hide element

a. show element

But that may lead to a flickering effect.

Attachments (1)

jquery-show.html (0.9 KB) - added by DanTheMan August 27, 2009 11:55AM UTC.

Testcase: hide() , after(), show() makes inline element to block-level element.

Change History (4)

Forgot to mention: bug applies to Firefox

Internet explorer does not exhibit this problem.

Nobody interested?

How can I improve this bug report so developers are happy with it?

The fix for this is to replace:

// Reset the display
this.elem.style.display = this.options.display;

with

var old = jQuery.data(this.elem, "olddisplay");
this.elem.style.display = old ? old : this.options.display;

In fx.js in jQuery.fx.prototype.step

Fixed.

Side navigation