Closed Bug 2047788 Opened 3 months ago Closed 1 month ago

Show less/more transition animation

Categories

(Firefox :: New Tab Page, enhancement)

enhancement

Tracking

()

RESOLVED FIXED
155 Branch
Tracking Status
firefox155 --- fixed

People

(Reporter: dgrant, Assigned: dgrant, NeedInfo)

References

Details

(Whiteboard: [hnt])

Attachments

(1 file)

No description provided.
Assignee: nobody → dgrant

Whiteboard: [hnt]

Clicking show more/less previously snapped the widgets container to its new
height. Capture the pre-toggle height and FLIP-animate the container to its
new height using the same timing tokens widgets use when resizing, so the
row collapses and expands smoothly. Hidden widgets still use display:none so
tab order and a11y are unaffected. The animation is skipped under
prefers-reduced-motion.

Attachment #9597710 - Attachment description: WIP: Bug 2047788 - Animate the widgets row height when toggling show more/less r?#home-newtab-reviewers → Bug 2047788 - Animate the widgets row height when toggling show more/less r?#home-newtab-reviewers
Attachment #9597710 - Attachment description: Bug 2047788 - Animate the widgets row height when toggling show more/less r?#home-newtab-reviewers → WIP - Bug 2047788 - Animate the widgets row height when toggling show more/less r?#home-newtab-reviewers
Attachment #9597710 - Attachment description: WIP - Bug 2047788 - Animate the widgets row height when toggling show more/less r?#home-newtab-reviewers → Bug 2047788 - Animate the widgets row height when toggling show more/less r?#home-newtab-reviewers
Whiteboard: [hnt]
Pushed by csabou@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/5f6d2d24a40b https://hg.mozilla.org/integration/autoland/rev/f369f63080c7 Revert "Bug 2047788 - Animate the widgets row height when toggling show more/less r=thecount" for causing widgetsContainerRef eslint failures.
Pushed by nfay@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/9700c29486c4 https://hg.mozilla.org/integration/autoland/rev/c24b728e6d0a Revert "Bug 2047788 - Animate the widgets row height when toggling show more/less r=thecount" for causing lint failure @ Widgets.jsx

Backed out for causing lint failure @ Widgets.jsx

Backout link

Push with failures

Failure log

Status: NEW → RESOLVED
Closed: 1 month ago
Resolution: --- → FIXED
Target Milestone: --- → 155 Branch
QA Whiteboard: [qa-triage-done-c156/b155]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: