Closed Bug 1747967 Opened 5 months ago Closed 5 months ago

Urlbar breakout expansion animation is a little off

Categories

(Firefox :: Address Bar, defect, P3)

defect
Points:
2

Tracking

()

VERIFIED FIXED
97 Branch
Tracking Status
firefox97 --- verified

People

(Reporter: adw, Assigned: adw)

References

Details

Attachments

(3 files)

The urlbar view looks a little janky to me recently when it opens. There are a few different things that appear on screen at different points in the process, and altogether they add up to a lack of fluidity.

One of the problems is that the starting point for the background's breakout animation is a little off. It's not tall enough and slightly too wide. I'll attach a gif of what it looks like on Windows.

I think we should get rid of this animation entirely because it's so small due to the breakout layout not being as big as it used to be (I think?), and yet it's noticeable enough that it contributes to the janky feeling IMO. I'll need to ask UX about that first, but in the meantime we can fix it at least.

Attached image Window fixed 25% speed

This is with this line changed to:

    transform: scaleX(.985) scaleY(.98);

Please see the bug for details. I tested this on all three platforms.

See Also: → 1747973
Pushed by dwillcoxon@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/f3d16cf08a2a
Tweak the urlbar breakout expansion animation so it aligns better with the input when it starts. r=harry,desktop-theme-reviewers
Status: ASSIGNED → RESOLVED
Closed: 5 months ago
Resolution: --- → FIXED
Target Milestone: --- → 97 Branch
Flags: qe-verify+
Flags: in-testsuite-

replicated issue using windows 10 64bit with nightly 97 dated 12/28/2021

Verified fix with latest firefox nightly version using windows10 and MacOs 11

verified on Ubuntu 20 with latest firefox nightly 97

Status: RESOLVED → VERIFIED
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.