706124 - If you see the css active of a select drop down, if you open the drop down and dont move your mouse and click it again, it shows the active css again, it shouldnt

Status: UNCONFIRMED

(Firefox :: General, defect)

Description

[noitidart]

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:8.0) Gecko/20100101 Firefox/8.0
Build ID: 20111104165243

Steps to reproduce:

I created a js bin demo here jsbin.com/ecodul

I gave my select box an :active class.

This is a problem in the css rendering.


Actual results:

If you click down on it, the first time, to open the drop down, the box gets the active style correctly applied.
Now if you move your mouse wherever, and click on the box again (not the box that opened below) it properly closes and doesnt apply the active style to it.
However, if you click on to open it, (active style applied) but then dont move your mouse, and click again to close the drop down it applies the active class again.


Expected results:

I think we need to decide, if we click on it should it show the active style every time. Or just the first time?
I actually like it being just the first time as it's now already active, why apply it again. So I think what we should do is make the active css not re-apply when we click on the button twice without moving mouse.

Please see the jsbin demo

Comment 1

[noitidart]

oh just a side question, if anyone knows how to remove that default drop down arrow with css can you please make metnion :)


also maybe i should make this a seperate bug, but i am not able to style the border of the dropped down box.

Comment 2

[noitidart]

oh also a further bug:
when you click on an item in the dropped down menu box, the active style gets applied to the original box. (this is very weird)

Comment 3

[noitidart]

please open the jsbin code in Google Chrome to see how they do it. When you click on an item in the dropped down box it doesn't give the top box the active styling.

However what Google Chrome does, that i dont think is a good idea, is that whenever you click on the top box it gives it the active style. I think it should only do it when it is opening the drop down.

Comment 4

[noitidart]

This is the jsbin demo edited for chrome: (i just changed it to -webkit in the css)

jsbin.com/ekiwoj

Comment 5

[noitidart]

hi all is there any plans for this please?

Comment 6

[noitidart]

bump :(