[FEATURE] On press ESC only empty search field

[nischi]

It would be very nice to empty the search input with pressing "ESC". But it will close the Dropdown (also happen in your example). Maybe add an option to do this?

Please add an input which handle this feature. Ex. [emptySearchOnEsc]="false".

It could also be that the current behavior is a bug, but maybe some like it to close on ESC some like it to clear out the search box.
Alternative could be to clear out the input on ESC and if the input is empty and you click ESC it will close. So you have both.

I tried to stopPropagation of the event, but it seems that this component add an event handler on body, but didn't find anything in code.

[macjohnny]

hi @nischi

would you like to file a PR that implements this feature?
currently, keyboard events are handled here:

ngx-mat-select-search/src/app/mat-select-search/mat-select-search.component.ts

Lines 373 to 388 in bfcff8c

	/**
	* Handles the key down event with MatSelect.
	* Allows e.g. selecting with enter key, navigation with arrow keys, etc.
	* @param event
	*/
	_handleKeydown(event: KeyboardEvent) {
	// Prevent propagation for all alphanumeric characters in order to avoid selection issues
	if ((event.key && event.key.length === 1) ||
	(event.keyCode >= A && event.keyCode <= Z) ||
	(event.keyCode >= ZERO && event.keyCode <= NINE) ||
	(event.keyCode === SPACE)
	|| (this.preventHomeEndKeyPropagation && (event.keyCode === HOME || event.keyCode === END))
	) {
	event.stopPropagation();
	}
	}

[nischi]

Will have a look into it.

[ThanosAlmighty]

Since the search input is tied to a control, it seems easier to just implement yourself @nischi. Why not create your own listener that's active when you focus the search or even the full dropdown control?

[nischi]

I tried this, but i can't stop the other listener on the Input, My listener will run after the other and so i can't stop bubbling.

[ThanosAlmighty]

Oh, I understand. This may not be a problem with this module, rather with the native html dropdown interface.

[nischi]

You got have a pull request :)