Bug Tracker

Opened 7 years ago

Closed 7 years ago

#11877 closed bug (invalid)

.Show() on select elements adds display: block

Reported by: dalelarsen22@… Owned by: dalelarsen22@…
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 7 years ago by Rick Waldron

Owner: set to dalelarsen22@…
Status: newpending

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

comment:2 Changed 7 years ago by dalelarsen22@…

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 7 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.