Closed Bug 277471 Opened 20 years ago Closed 20 years ago

CSS :focus rule causes select field to not drop down list

Categories

(Core :: Layout: Form Controls, defect)

x86
Linux
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 163503

People

(Reporter: mattias, Unassigned)

References

()

Details

(Keywords: testcase)

Attachments

(1 file)

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8a6) Gecko/20050107 Firefox/1.0+
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8a6) Gecko/20050107 Firefox/1.0+

When I use a ":focus" rule on a select field, the behavior changes. Normally,
clicking on a select field (a.k.a. combo box, drop list) will cause the list to
drop down immediately. With a :focus style, the first click will only focus and
not drop down the list. On the third click, it drops down. This happens only
when the page has just been loaded.

Reproducible: Always

Steps to Reproduce:
1. Load the test page, http://www.thorslund.us/focustest.html
2. Click on the second select field.

Alternatively, make your own test page with the following:

Style: 
		select {
			background-color: #dddddd;
		}
		.withfocus:focus {
			background-color: #ccddcc;
			border-color: #88dd88;
		} 

...and a Select field:
	<select class="withfocus" name="field2">
		<option>one</option>
		<option>two</option>
	</select>
Actual Results:  
It will focus on the field, applying the :focus style, but it won't drop down
the list of option elements. To see the list, I have to click two more times. 

After the list has been displayed, the select field works as expected. To see
the problem again, you must reload the page.

Expected Results:  
It should apply the :focus style AND drop down the list, on the first click.

Tried this on WinXP also and there is no problem - it will focus and display the
list on the first click. So it seems the bug is only in the Linux version.  

Using the latest build of Firefox (07-Jan-2005) on Linux Mandrake 10.1.

Test case at http://www.thorslund.us/focustest.html
Attached file Test Case
Summary: CSS :focus rule cases select field to not drop down list → CSS :focus rule causes select field to not drop down list

*** This bug has been marked as a duplicate of 163503 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Keywords: testcase
Resolution: --- → DUPLICATE
Sorry for entering a duplicate.  I did try to search for it before filing it,
however, but couldn't find any matches for :focus and select.  Maybe the search
function needs to be improved so that it supports a klutz like myself :-)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: