paper-dropdown-menu-light draws a clipped label below the line

[rwestlund]

Description

When bound to a value that is cleared, paper-dropdown-menu-light draws the label below the input's underline, and clips it. The normal paper-dropdown-menu behaves correctly.

Expected outcome

The label should return to fill the input.

Actual outcome

The label is drawn below the underline.

Live Demo

https://jsfiddle.net/ywa8LahL/1/

Steps to reproduce

• Bind a variable to selected and set attr-for-selected.
• Select a valid item from the list.
• Set the variable to undefined or null, or any value not in the list.

Browsers Affected

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

[Ado77]

This has to do with adding back the   to the html on deselect