PolymerElements / paper-dropdown-menu

A Material Design browser select element
https://www.webcomponents.org/element/PolymerElements/paper-dropdown-menu
61 stars 107 forks source link

Dropdowns shift after expanding #134

Closed progers closed 8 years ago

progers commented 8 years ago

On the paper dropdown demo, the dropdowns will move around after they have expanded. This is different from #130 where the scrollbar disappears, as it's the actual popup that's moving. This may be related to non-overlay scrollbars which are the default when a mouse is plugged in.

I've attached an exciting movie showing this behavior. jumpydropdowns.zip

jahglow commented 8 years ago

I believe it readjust itself to match the position of the container which shifts when scrollbars disappear

ebidel commented 8 years ago

Seeing this too for the IO site. Every use of paper-dropdown-menu is doing this. The most violent is our top nav.

On first open, the dropdown adjusts itself. For subsequent opens, the positioning is fine.

screenflow

Note: if no-animations is used, there's no jitter adjustment.

cc @cdata @notwaldorf

miztroh-zz commented 8 years ago

+1

jahglow commented 8 years ago

If animation is disabled then there is no shift

вт, 15 марта 2016, 1:00 Jonathan Cox notifications@github.com:

+1

— Reply to this email directly or view it on GitHub https://github.com/PolymerElements/paper-dropdown-menu/issues/134#issuecomment-196540284 .

valdrinkoshi commented 8 years ago

Looks very similar to https://github.com/PolymerElements/iron-dropdown/issues/69

Do you guys have iron-dropdown v 1.3.0?

ebidel commented 8 years ago

Pulled down the latest releases and it seems to be gone!

valdrinkoshi commented 8 years ago

yay! closing this. @progers @miztroh LMK if this is still an issue for you, and I'll reopen again ;)

miztroh-zz commented 8 years ago

@valdrinkoshi Looks good to me too. Thanks!