Skip to main content

Hi, I’m trying to create an animation where I open an overlay (bottomsheet) and then navigate within the latter, by opening menus and sub-menus.

 

I’d like to apply a simple push right or left animation with the possibilty to keep the matching layers (bottomsheet header) still while I swap overlays. Yet, it seems like this animation is not possible ? 

I can only select “Smart animate” or “move in”, which does not have the same feel in terms of navigation (either dissolves the changing content (smart animate) or replaces the whole overlay (move in) and doesn’t even keep the matching layers...

 

Why would there be a limitation in terms of “Animation style” when swapping overlays, knowing that an overlay replacing another one with a push animation seems like a natural behavior (like two frames replacing one another, but within a frame).

 

Does anyone have this issue? Is it a bug? Thanks for the help! :)

This has driven me crazy for years. I wish they’d fix because it’s crucial for mobile navigation, particularly iOS.

Also when you swap from an overlay of a smaller height to one of a bigger height, that is set to bottom center, the overlay just pushes below the fold instead of respecting the bottom anchoring.

Terms & ConditionsCookie settingsAccessibility statement