Open Bug 1805406 Opened 2 years ago Updated 2 years ago

:active isn't set when <select> is opened

Categories

(Core :: Layout: Form Controls, defect, P3)

Firefox 107
defect

Tracking

()

UNCONFIRMED

People

(Reporter: samuel, Unassigned)

References

Details

Attachments

(1 file)

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Steps to reproduce:

  1. Go to https://bug1256313.bmoattachments.org/attachment.cgi?id=8730207
  2. Click the <select> to open the dropdown

Actual results:

The :active style (red shadow) doesn't stay after the mouse up.

Expected results:

I'd expect :active to remain while the select dropdown is opened. In Chrome the :active state remains.

The :focus state is not a worthy replacement, since focus is still set even after choosing an option.

An alternative would be a new state, something like :opened.

Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core

The severity field is not set for this bug.
:emilio, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(emilio)

It's unclear to me this is really a bug. :active is only set usually between mousedown and mouseup. See bug 1314647.

Severity: -- → S3
Component: CSS Parsing and Computation → Layout: Form Controls
Flags: needinfo?(emilio)
Priority: -- → P3
Attached image chrome_select_closed.png (deleted) —

I understand what you mean.

However, they way Chrome works here is helpful. Consider the attached example where an arrow changes direction when opened.

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: