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

[DanTheMan]

How to reproduce:

1. create inline element
2. hide element
3. add element to DOM using after()
4. 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.

1. create inline element
2. add element using after()
3. hide element
4. show element

But that may lead to a flickering effect.

[DanTheMan]

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

[DanTheMan]

Forgot to mention: bug applies to Firefox

Internet explorer does not exhibit this problem.

[DanTheMan]

Nobody interested?

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

[petersendidit]

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

[john]

Fixed. ​http://github.com/jquery/jquery/commit/3c89e38fc26ef40797b83ba8ef4f8329b08afe75