.Show() on select elements adds display: block

[dalelarsen22@…]

I have a select without any fancy styling, just plain jane. I hide it with .hide() and show it with .show().

On show() it changes the display to block, which is incorrect for a select element. It should be inline, or detect what the user has set the elements display to before hiding.

This causes issues with elements surrounding the select after you show because it changes the select to display block thus forcing the other elements to drop down, or the select to drop below.

I was able to replicate this inside and outside my code base with chrome (19) and Firefox (13). Haven't tested IE.

Thanks

[Rick Waldron]

I can almost guarantee this is a duplicate - can you provide a test case?

[dalelarsen22@…]

K, can't get it to happen in jsfiddle. Must be something to the environments I tested with. Working good in the test below.

​http://jsfiddle.net/8779r/1/

Go ahead and close it.

[Rick Waldron]

Thanks for the confirmation, your contribution is greatly appreciated