search

googlearchive / paper-dropdown

A drop down à la Material Design
5 stars 11 forks source link

Dropdown menu animation alternative? #9

Open antitoxic opened 9 years ago

antitoxic commented 9 years ago

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 #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 commented 9 years ago

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 commented 9 years ago

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

arthurevans commented 9 years ago

@morethanreal A few people have mentioned this (also over at https://github.com/Polymer/polymer/issues/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 commented 8 years ago

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

derhuebiii commented 7 years ago

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?