1626211 - "select" element and "position: relative" in ":focus" needs two clicks

Status: RESOLVED DUPLICATE of bug 1440506

(Core :: CSS Parsing and Computation, defect)

Description

[Frédéric BISSON]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:76.0) Gecko/20100101 Firefox/76.0

Steps to reproduce:

This is the minimal form which exhibits the problem :

--- HTML ---
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

--- CSS ---
:focus { position: relative; }

Note:

• It looks like the bug https://bugzilla.mozilla.org/show_bug.cgi?id=143320 but this was opened and closed 18 years ago

Actual results:

select elements need two click to open (first click to gain focus, second click to open the list)

Expected results:

select elements should open on the first click, even if they aren't focused.

Comment 1

[Alin Ilea, Desktop QA]

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:74.0) Gecko/20100101 Firefox/74.0

Hi,

I have managed to reproduce this issue on latest FF release 74.0.1 and latest Nightly 76.0a1 (2020-04-06) using Ubuntu 18.04 and Windows 10.

Further, I will move this over to a component so developers can take a look over it. If this is not the correct component please feel free to change it to an appropriate one.

Thanks for the report.