1740439 - Zoom selection dropdown doesn’t open on codepen.io website

Status: VERIFIED FIXED

(Core :: Layout: Form Controls, defect)

Description

[Anca Soncutean, Desktop QA]

Attachment: screencast_issue.gif

Affected versions

• 96.0a1 (2021-11-10)
• 95.0b5
• 94.0.1

Affected platforms

• Windows 10
• macOS 11.0
• Ubuntu 16

Steps to reproduce

1. Open https://codepen.io/MSEdgeDev/pen/mxeOGW
2. Resize the browser width in order to trigger the zoom scale dropdown appearance on the page footer
3. Click on the zoom scale dropdown

Expected result

• The dropdown is expanded

Actual result

• The dropdown attempts to open, flickers a second, but it doesn't expand

Regression range

• Very old regression, I could restrained the regression window to the following:
  • Last good revision: 564b225d553547fe4aa9a1039278f695c9507db9 (2016-04-13)
  • First bad revision: 91115264629dfaacf2d60d52a3eff89c18c5af0d (2016-04-14)
  • Pushlog:
    https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=564b225d553547fe4aa9a1039278f695c9507db9&tochange=91115264629dfaacf2d60d52a3eff89c18c5af0d

Other notes

• Works on Chrome and Safari
• There is no message inside the browser console

Comment 1

[Alice0775 White]

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

Comment 2

[Neil Deakin]

Probably the same cause as 1305017.

Comment 3

[Emilio Cobos Álvarez (:emilio)]

Attachment: Reduced test-case.

Comment 4

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

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

Comment 5

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1740439 - Improve the avoid-reframing-when-changing-cb optimization to work with buttons and select elements. r=dholbert

Comment 6

[Emilio Cobos Álvarez (:emilio)]

The root cause is bug 1440506 but the patch above avoids the reframe altogether which is nice.

Comment 7

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/50ee7770e823
Improve the avoid-reframing-when-changing-cb optimization to work with buttons and select elements. r=dholbert

Comment 8

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/31595 for changes under testing/web-platform/tests

Comment 9

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/50ee7770e823

Comment 10

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot

Comment 11

[Anca Soncutean, Desktop QA]

Verified fixed with latest Nightly Fx 96 (2021-11-22) on Windows 10, Ubuntu 20.04, macOS 12.1.

Comment 12

[Alice0775 White]

Is it risky to uplift this bug to 91ESR?

Comment 13

[Emilio Cobos Álvarez (:emilio)]

It depends on a few other optimizations like bug 1735533 and so on. Not opposed to try rebasing all that if you think it's worth it, but it does feel a little bit scary. It's probably fine if there's a good reason though, what would be the reasoning for that? (Other than "slightly annoying bug"?)

Comment 14

[Alice0775 White]

I just encountered this bug on the website https://www.plus-a.net/uranai/ .
I wish I could work around it with user CSS and scripting....

Comment 15

[Emilio Cobos Álvarez (:emilio)]

On that page you can work around it with something like .searchform select { transform: translate(0, 0) } or so

Comment 16

[Alice0775 White]

(In reply to Emilio Cobos Álvarez (:emilio) from comment #15)

On that page you can work around it with something like .searchform select { transform: translate(0, 0) } or so

Ok, Thanks for the hints!
The following user CSS is a workaround.

.form:active {
    position:unset!important;
    top: unset!important;
}