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

Text jumps around when selecting items with long values. #196

Open ElsewhereGames opened 7 years ago

ElsewhereGames commented 7 years ago

Description

When an item with a long value is selected in a paper-dropdown-menu, the end of the text is shown in the control. When the components loses focus, the beginning is shown.

Expected outcome

The same text is always shown.

Actual outcome

The component should behave like "light" version where ellipses are always shown.

Live Demo

https://elements.polymer-project.org/elements/paper-dropdown-menu?view=demo:demo/index.html&active=paper-dropdown-menu

Steps to reproduce

From the "Custom Properties" section, select the "CARCHARODONTOSAURUS" value of the left example. Note that the displayed value now is "CHARODONTOSAURUS". After clicking elsewhere on the page, the displayed value will read "CARCHARODONTOSAU".

Browsers Affected