Limiting number of items

Would love this feature to be built into the select. Selectize has a property called maxItems.

[cibernox]

Oh I see it now. At the moment I handle that myself with onchange + onopen.

{{#power-select options=options 
  selected=selected 
  onchange=(action "updateUnlessFull") 
  onopen=(action 'closeIfFull") as |opt|}}
  {{opt}}
{{/power-select}}

actions: {
 closeIfFull(select) {
   if (this.get('selected.lenght') >= 5) { 
     select.actions.close() 
    }
  },
  updateUnlessFull(newOpts) {
   if (this.get('selected.lenght') < 5) { 
      this.set('selected', newOpts); 
    }
  }
}

[BananaNeil]

@bmfay I found a solution in which I set the dropdownClass option to ‘hidden’ if the selection was full, and then added a global style to my applicaion .hidden { display: none; }

selectFull: computed.gt('selectedItems.length', 2)

{{#power-select-multiple
    selected=selectedItems
    options=options
    dropdownClass=(if selectFull 'hidden')
    as |item|}}
...
{{/power-select-multiple}}