Skip to content

Use Fade transitions on Dialog, Snackbar, Menu etc. as per Material Design Spec #68360

New issue
New issue
Open
Open
Use Fade transitions on Dialog, Snackbar, Menu etc. as per Material Design Spec#68360
Labels
P3Issues that are less important to the Flutter projecta: animationAnimation APIsc: proposalA detailed proposal for a change to Flutterp: material_uimaterial_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Description

@LasseRosenow
LasseRosenow
opened on Oct 16, 2020

Use case

The Material Design Guidelines say that Dialogs, Snackbars, Menus and FloatingActionButtons should use the Fade transition
I think this video from the specs is also very expressive.

Right now all the previously named components have their own outdated transitions that don't match the current spec. Especially the Menu / DropdownMenu animations look a bit unpolished.

Proposal

Update the named widgets to use the official transitions as per material spec.

Activity

  1. darshankawar commented on Oct 19, 2020

    @darshankawar
    darshankawar
    on Oct 19, 2020
    Member

    Could be related to 65

  2. darshankawar
    added
    a: animationAnimation APIs
    p: material_uimaterial_ui package in flutter/packages
    frameworkflutter/packages/flutter repository. See also f: labels.
    passed first triage
    c: proposalA detailed proposal for a change to Flutter
    on Oct 19, 2020

  3. HansMuller commented on Oct 19, 2020

    @HansMuller
    HansMuller
    on Oct 19, 2020
    Contributor

    CC @shihaohong

  4. flutter-triage-bot
    added
    multiteam-retriage-candidate
    team-designOwned by Design Languages team
    triaged-designTriaged by Design Languages team
    on Jul 8, 2023
  5. Hixie
    removed
    passed first triage
    on Jul 8, 2023
  6. Hixie
    removed
    multiteam-retriage-candidate
    on Mar 6, 2024
  7. Piinks
    added
    P3Issues that are less important to the Flutter project
    on Mar 13, 2025
  8. Piinks
    added
    packageflutter/packages repository. See also p: labels.
    and removed
    frameworkflutter/packages/flutter repository. See also f: labels.
    on Aug 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projecta: animationAnimation APIsc: proposalA detailed proposal for a change to Flutterp: material_uimaterial_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions