paper-typeahead-input icon indicating copy to clipboard operation
paper-typeahead-input copied to clipboard

Support prefix/suffix elements

Open Lithl opened this issue 7 years ago • 2 comments

paper-typeahead-input version: 1.3.15 Polymer version: 1.8.1

paper-typeahead-input does not include <content></content> anywhere, so it is impossible to include prefix/suffix elements. For example:

<paper-typeahead-input>
  <paper-icon-button suffix on-tap="clearSearchbox" icon="clear"></paper-icon-button>
</paper-typeahead-input>

Expected: An "X" icon button on the right side of the search box, which calls clearSearchbox(event) when tapped. Actual: No button exists

Replacing paper-typeahead-input in the above snippet with paper-input behaves as expected, although of course it's no longer a typeahead!

Lithl avatar Apr 25 '17 22:04 Lithl

@Lithl is the snippet

<paper-typeahead-input>
  <paper-icon-button suffix on-tap="clearSearchbox" icon="clear"></paper-icon-button>
</paper-typeahead-input>

working fine for you?

Can you setup a fiddle that how that's looking in the front end?

cheonhyangzhang avatar Jul 27 '17 16:07 cheonhyangzhang

See http://jsfiddle.net/hr4h65cf/ comparing paper-typeahead-input with paper-input, each with a single paper-icon-button child.

Lithl avatar Jul 28 '17 02:07 Lithl