1873779 - When Fenix homepage first loads, there's extreme amounts of visual chaos (with e.g. "Collections" call-to-action appearing as the only tile, and then moving upwards and downwards on the screen, and then disappearing)

Status: NEW

(Fenix :: Homepage, defect, P3)

Description

[Daniel Holbert [:dholbert]]

I don't have general STR for a fresh device, but these STR work for me with my current Fenix installation / user-profile.

Steps to reproduce

1. Quit Firefox Nightly, if it's already open.
2. Start Firefox Nightly. (in my case I've got saved tabs, so one of them immediately opens)
3. Open a new tab to see the home-screen (i.e. tap your tab-count in the toolbar, and then tap +)

Expected behavior

• Relatively stable layout on the home-screen.
• Nudges/calls-to-action in particular should be at stable locations so that (a) users will actually see them, and (b) users can dismiss them (instead of having them repeated appear as a "nag" and then jump away)

Actual behavior

There's a call-to-action tile about Collections that appears as the first thing that I see on my home-screen.
Then, all the other content appears on my home-screen, and this Collections call-to-action immediately disappears (having been pushed offscreen -- I can find it if I manually scroll downwards by a viewport-and-a-half or so.)

Device information

• Firefox version: 123.0a1
• Android device model: Pixel 8
• Android OS version: 14

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: screencast showing the bug

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: slow-motion playback of attached screencast (10% of realtime speed)

Here's a slowed down version of the screencast (using HTML & playbackRate property of the video element) to make it easier to see the bug and the various jumble of things moving around as the home-screen opens here.

Here's a walkthrough of what's going on in the playback and the chaos that I'm feeling as I watch it:

1. When the homescreen first appears at about t=1s, you can see the "Collections" call-to-action tile as the only thing visible. (This is demanding the user's attention with a call-to-action, an action-button, and an x-dismissal-button.)
2. Then that tile gets pushed upwards (clipping its top), as some other homescreen content starts to appear ("Recently Saved", "Recently Visited") which gets superimposed with the call-to-action tile. This new content also animates upwards on the screen.
3. Then, all of those sections suddenly switch direction and start animating downwards (with the "Collections" call-to-action moving faster than the "Recently Saved" section, visibly animating past it and overtaking it!)
4. This leaves the visible portion of the homescreen entirely blank for an instant (right as the keyboard finishes appearing)
5. Then the 8 small tiles fade into view at the top (Google/Amazon[sponsored]/Wayfair[sponsored] etc)
6. Then "Jump back in" animates into view.
   And at this point, stuff stops moving around.

It would be really nice if we could just entirely skip the chaos of 1-3 here and just go straight to the (blank) layout at (4), and let the content that's supposed to be visible fade into view (in (5)/(6)) at that point.

Comment 3

[Daniel Holbert [:dholbert]]

This is similar to bug 1822379 regarding the location bar.

Comment 4

[Daniel Holbert [:dholbert]]

(cpeterson tells me we've got a project to redesign the fenix homepage at some point in the near future; maybe this issue will largely go away as part of that.)

Comment 5

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

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

For more information, please visit BugBot documentation.