ember-paper – Thoughts, etc.

Clearing an Ember Paper select component

2017-09-01 / Leave a Comment

To allow users to clear the selection of an Ember Paper {{paper-select}} component, simply pass it the allowClear=true option:

{{#paper-select
    placeholder="Select a thing..."
    required=false
    allowClear=true
    ...
}}

{{#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,

.ember-power-select-clear-btn {
  position: absolute;
  right: 25px;
}

.ember-power-select-clear-btn {

position: absolute;

right: 25px;

}

Thanks to @miguelcobain for this tip on the community Slack channel.