bf7ed82def
This updates the look of the search control, adds a hint about the slash shortcut, adds highlighting of fuzzy search results, and addresses a few edge case UX failures. It moves to using a fork of Ember Power Select to handle an edge case where pressing escape would put the control in an undesirable active-but-not-open state.
18 lines
581 B
Handlebars
18 lines
581 B
Handlebars
<PowerSelect
|
|
@tagName="div"
|
|
class="global-search"
|
|
data-test-search
|
|
@searchEnabled={{true}}
|
|
@search={{perform this.search}}
|
|
@onChange={{action 'selectOption'}}
|
|
@onFocus={{action 'openOnClickOrTab'}}
|
|
@onClose={{action 'onCloseEvent'}}
|
|
@dropdownClass="global-search-dropdown"
|
|
@calculatePosition={{this.calculatePosition}}
|
|
@searchMessageComponent="global-search/message"
|
|
@triggerComponent="global-search/trigger"
|
|
@registerAPI={{action 'storeSelect'}}
|
|
as |option|>
|
|
<GlobalSearch::Match @match={{option}} />
|
|
</PowerSelect>
|