1740609 - Select menu closes automatically due to parent element hover style

Status: RESOLVED DUPLICATE of bug 1590247

(Core :: Layout: Form Controls, defect)

Description

[dixonj16]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:94.0) Gecko/20100101 Firefox/94.0

Steps to reproduce:

Firefox: 94.0.1 (64 bit)
OS: macOS 11.6

If the SELECT is in a DIV that modifies the overflow on hover then the select will close immediately on click or arrow press. Occasionally the select menu will open.

https://jsfiddle.net/ek2f5zm8/1/

HTML and CSS to reproduce.

<div class="wrap">
<select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>

.wrap {
border: 1px dashed #000;
margin: 5rem;
padding: 1rem;
overflow: hidden;
}
.wrap:hover {
overflow-y: scroll
}
select {
float: left;
width: 100%;
}

Actual results:

Select menu behaves unpredictably, in most cases will not remain open to allow selection.

Expected results:

The select menu should remain open when clicked or activated with arrow keys.

Comment 1

[Alice0775 White]

Regression window:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=ac43dab284afd189ed2b0f4c1906a45e0c1736dd&tochange=9424f63828ebaf3563cad850ce1cc5f865231f70

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1253486

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

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

For more information, please visit auto_nag documentation.

Comment 4

[Emilio Cobos Álvarez (:emilio)]

This particular instance was fixed in bug 1590247, though root cause is the "See also" bug.