angular-material md-chips Setting the delay to select a new chip before refocusing on the input (≥1.1.2)


Example

1.1.2

(This content is only relavant for versions 1.1.2 and up)

From versions 1.1.2 and up, you can set the delay to select a new chip before refocusing on the input.

Use the md-chip-append-delay attribute to set it (in milliseconds):

Example:

<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>

According to angular-material:

This is necessary for keyboard accessibility for screen readers. It defaults to 300ms and any number less than 300 can cause issues with screen readers (particularly JAWS and sometimes NVDA).