To allow users to clear the selection of an Ember Paper {{paper-select}} component, simply pass it the allowClear=true option:
1 2 3 4 5 6 |
{{#paper-select placeholder="Select a thing..." required=false allowClear=true ... }} |
This option is passed along to the ember-power-select component that ember-paper uses under the hood, so the resulting clear button can be styled accordingly. For example,
1 2 3 4 |
.ember-power-select-clear-btn { position: absolute; right: 25px; } |
Thanks to @miguelcobain for this tip on the community Slack channel.