defaultHighlighted prevents auto-highlighting on search

If you specify a value for defaultHighlighted, that option remains highlighted even when it’s been filtered out. For example, if you apply defaultHighlighted="New York" to the first example on the “Action handling” page of the docs, it highlights New York by default:

But then if you start typing, it filters but doesn’t highlight the first match:

You then need to either click an option or press the down arrow to select one - pressing enter will select the defaultHighlighted item even though it’s not visible, and pressing tab will leave the power-select without changing the current selection.

[cibernox]

For system wide config this may be helpful: http://ember-power-select.com/cookbook

[cibernox]

Because that’s not a helper returning a function. You want this:

{{#power-select ... efaultHighlighted=(pw-default-highlight) as |opt|}}

and the helper returns a function

import { helper } from '@ember/component/helper';
export function pwDefaultHighlight(params) {
  return function() {
    if (params.results.length > 0) {
      return params.highlighted = params.results[0];
    }
  }
}
export default helper(pwDefaultHighlight);