1719099 - Adding CSS filter to select:hover cause automatically closing

Status: RESOLVED DUPLICATE of bug 1440506

(Core :: CSS Parsing and Computation, defect)

Description

[design.falke]

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

Steps to reproduce:

I added a CSS filter to the select tag while hovering:

select:hover {
filter: grayscale(100%);
}

<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>

Actual results:

When I open the select-box and don't hover over the options, it is automatically closed.

Expected results:

When I don't apply the CSS filter, the select-box is still open, if I don't hover over the options.
So it should be too, if I apply the CSS filter

Comment 1

[Negritas Sergiu, Desktop QA]

Hello! I have tried to reproduce the issue on Windows 10 using Firefox 89.0.2 and 91.0a1(2021-07-06) but unfortunately I wasn't able to reproduce it.
Could you please answer the following questions in order to further investigate this issue?

1. Could you please provide a test case in order for confirming this issue?
2. Does this issue happen in the latest firefox nightly? Here is a link from were you can download it: https://www.mozilla.org/en-US/firefox/channel/desktop/
3. Does this issue happen with a new profile? Here is a link on how to create one: https://support.mozilla.org/en-US/kb/profile-manager-create-remove-switch-firefox-profiles
4. Are you using any add-ons if so could you please list them?

Comment 2

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

The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 3

[design.falke]

Hi,

1. You can find a test here: https://jsfiddle.net/falkedesign/fvm5ahsq/
   Here is a gif, which shows you the bug: firefox_bug_hover.gif
2. i tried it with the Nightly version 91.0a1 and it has still the same bug.
3. Sorry I don't want do "Refresh" Firefox and lossing data:

Firefox refresh removes add-ons and other customizations, such as extensions, extension data, and preference configurations.

4. I use only "uBlock Origin" but not in the Nightly version

Comment 4

[Emilio Cobos Álvarez (:emilio)]

Removing filter is causing us to reconstruct the layout tree of the <select>, and when the layout tree is destroyed the popup is closed. This is bug 1440506.

A workaround in your test-case in comment 3 would be something like #corrupt { filter: grayscale(0%); }.