1991716 - Inconsistent behavior-animation in row of hover-triggered icons on new tab tiles (thumbs up/down appear instantly, and then 3-dot-menu fades in)

Status: NEW

(Firefox :: New Tab Page, defect, P3)

Description

[Daniel Holbert [:dholbert]]

This might be intended-behavior; feel free to close if so. I just noticed it seemed "off" & wanted to raise in case it's inadvertent/vestigial.

STR:

1. Hover/unhover a news tile on the new-tab page (watching the lower right corner).

ACTUAL RESULTS:
When you hover the tile:

• the thumbs-up/down buttons appear instantly.
• Then after a short delay, the 3-dot-menu becomes visible and fades in.
• This looks a bit odd, since these 3 icons are all side-by-side.
  In contrast, when you un-hover, all 3 icons disappear as a group.

EXPECTED RESULTS:
Consistent appearance animation for this group of 3 icons, since they look similar, and they're right next to each other, and they disappear consistently.

This is basically a regression from bug 1985593.; the pref browser.newtabpage.activity-stream.discoverystream.refinedCardsLayout.enabled toggled a new layout that puts all three of these icons side-by-side with the same coloring, which is what makes this look broken to my eye. (Before we flipped that pref, the 3-dot-menu was in a completely different location and had different coloring, so it made more sense that there was a difference in the appearance animation.)

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: screencast of bug

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: screencast of previous behavior (where the 3-dot-menu had a completely different location & "look")

(Before we flipped that pref, the 3-dot-menu was in a completely different location and had different coloring, so it made more sense that there was a difference in the appearance animation.)

Here's a screencast showing this^ prior behavior, to illustrate. I'm guessing that maybe the "fade-in" behavior might be a vestige from this older design, and it might be worth reconsidering how it should work in the current design (e.g. should it work as it currently does, or should it apply to all 3 icons, or to none of them?)

Comment 3

[Scott [:thecount] Downe]

I don't think this is intended, just the result of moving 2 different pieces of functionality together without redoing specific animations that were likely made years apart.

Probably worth looking into which of the 2, or a new animation we want to settle on.