Unselectable and hidden items on Edge

[zbury]

Description

paper-dropdown-menu has a number of issues on Edge (I'm currently running 40.15063.0.0) that seem to be related. These are all reproducible on the paper-dropdown-menu demo page. The screenshots below are from that demo.

Expected outcome

1. The selected item should be visible in the dropdown-menu.
2. Any item in the dropdown-menu should be selectable.
3. Items should always be visible, should never overlap.

Actual outcome

1. Upon opening the menu for the first time, the selected item is hidden from the list. Notice "brontosaurus" is missing.

2. Items in the dropdown menu "above" the currently selected item are not selectable. On the demo page, for example, clicking "allosaurus" does nothing since the item below it is selected by default. Once you select the last item "diplodocus", you are completely unable to change your selection.

3. Selecting an item occasionally results in overlapping items. After opening the menu for the first time and selecting "carcharodontosaurus", it seems to be behind "brontosaurus" (notice the trailing light-grey text "osaurus").

• Note: If you right-click in the space to the left or right of the dropdown, the selected item appears properly. However, this doesn't seem to fix the selection issue.

Live Demo

https://www.webcomponents.org/element/PolymerElements/paper-dropdown-menu

Browsers Affected

• [ ] Chrome
• [ ] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [x] Edge
• [ ] IE 11
• [ ] IE 10

[zbury]

I actually think part of this might be a paper-listbox bug, it seems to exhibit the same "selected item disappearing" behavior..