Bug Tracker

#11877 closed bug (invalid)

Opened June 07, 2012 06:11PM UTC

Closed June 07, 2012 07:08PM UTC

.Show() on select elements adds display: block

Reported by: dalelarsen22@gmail.com Owned by: dalelarsen22@gmail.com
Priority: undecided Milestone: None
Component: unfiled Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:
Description

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

Attachments (0)
Change History (3)

Changed June 07, 2012 06:38PM UTC by rwaldron comment:1

owner: → dalelarsen22@gmail.com
status: new → pending

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

Changed June 07, 2012 06:55PM UTC by dalelarsen22@gmail.com comment:2

status: pending → new

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.

Changed June 07, 2012 07:08PM UTC by rwaldron comment:3

resolution: → invalid
status: new → closed

Thanks for the confirmation, your contribution is greatly appreciated