If dropdown larger than window height, scroll within drop list does not work

[mattiLeBlanc]

HI,
I noticed that scroll within the dropdown list doesnt work when the list longer than the screen height can accommodate.

My dropdown code looks like (Jade coded) this:
paper-dropdown-menu(flex for disabled=isLoading label="Select an email template")
paper-dropdown.dropdown
core-menu.menu
paper-item {{name}}
paper-item {{name}}
(imagine there is indentation...)
This will generate a long list. Nothing special.

You can see the issue be viewing the demo on:
https://www.polymer-project.org/0.5/components/paper-dropdown-menu/demo.html
and then make you window height small enough to trigger a scroll bar in the dropdown list.
Now when you scroll while hovering over the list, the whole page will scroll. Apparently the list doesn't have any focus.
When you right click and a menu item and for example inspect (anything but select an option) then focus is applied and scroll will work.

Anyone else having this issue?

[seamus-45]

confirm this. any workarounds?

[mattiLeBlanc]

probably creating a focus effect on it would help, maybe when mouseover trigger focus?

[tgolden313]

Same issue. A workaround that works for me is to use paper-button instead of paper-item.

<paper-dropdown-menu ...>
<paper-menu class="dropdown-content" ...>
<paper-button ...>Test 1

....