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)
Tracking
()
RESOLVED
DUPLICATE
of bug 163503
People
(Reporter: mattias, Unassigned)
References
()
Details
(Keywords: testcase)
Attachments
(1 file)
(deleted),
text/html
|
Details |
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
Reporter | ||
Comment 1•20 years ago
|
||
Reporter | ||
Updated•20 years ago
|
Summary: CSS :focus rule cases select field to not drop down list → CSS :focus rule causes select field to not drop down list
Reporter | ||
Comment 3•20 years ago
|
||
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.
Description
•