Bug Tracker

Opened 10 years ago

Closed 10 years ago

#11877 closed bug (invalid)

.Show() on select elements adds display: block

Reported by: [email protected] Owned by: [email protected]
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

Change History (3)

comment:1 Changed 10 years ago by Rick Waldron

Owner: set to [email protected]
Status: newpending

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

comment:2 Changed 10 years ago by [email protected]

Status: pendingnew

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.

comment:3 Changed 10 years ago by Rick Waldron

Resolution: invalid
Status: newclosed

Thanks for the confirmation, your contribution is greatly appreciated

Note: See TracTickets for help on using tickets.