1747967 - Urlbar breakout expansion animation is a little off

Status: VERIFIED FIXED

(Firefox :: Address Bar, defect, P3)

Description

[Drew Willcoxon :adw]

Attachment: Windows current 25% speed

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.

Comment 1

[Drew Willcoxon :adw]

Attachment: Window fixed 25% speed

This is with this line changed to:

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

Comment 2

[Drew Willcoxon :adw]

Attachment: Bug 1747967 - Tweak the urlbar breakout expansion animation so it aligns better with the input when it starts.

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

Comment 3

[Pulsebot]

Pushed by [e-mail]:
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

Comment 4

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/f3d16cf08a2a

Comment 5

[Pablo]

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

Comment 6

[Pablo]

verified on Ubuntu 20 with latest firefox nightly 97