Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Dropdown menu animation alternative? #9

Open
antitoxic opened this issue Jan 17, 2015 · 5 comments
Open

Dropdown menu animation alternative? #9

antitoxic opened this issue Jan 17, 2015 · 5 comments

Comments

@antitoxic
Copy link

The dropdown menu animation (https://www.polymer-project.org/components/paper-elements/demo.html#paper-dropdown-menu) has some quirky things involved.

  1. It starts from top left expanding to lower right, which leaves the initial value unanimated (no fading or zooming out) and visible for too long. Because of this it seems that user gets the feeling that the initial value is still there, in the back and wont be changed after picking a new one from the list.
  2. Animation speed is a tiny bit too slow. I can't really explain this. However it doesnt feel quite right.
  3. There's another issue for animation flashing Animation flashes on second open #6

It is this by design? I mean other than the flashing? It seems weird.

I've done some research on Material Design implementations and there's quite decent dropdown here:
http://callemall.github.io/material-ui/#/components/dropdown-menu

Could it be ported?

@mountainraptor
Copy link

Bump. I agree the animation speed is too slow. I viewed the source on your link, and that is more what I was expecting.

@diegohaz
Copy link

diegohaz commented Feb 3, 2015

That alternative dropdown menu is awesome. I agree this polymer version should be updated.

@arthurevans
Copy link

@morethanreal A few people have mentioned this (also over at Polymer/polymer#1146). I know you guys are swamped with 0.8 stuff, but if you get a chance to look at this, I think it would be popular.

@RyanEwen
Copy link

RyanEwen commented Jun 6, 2016

I am finding that the animation causes text wrapping in my menus, until the animation completes. Are you guys seeing this at all?

@derhuebiii
Copy link

Any update on that one? The transition still seems to go from top left to bottom right. Is this by purpose? Any easy way to change this?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants