Content Comparison

...

State	Browsable list tag field	Auto-complete tag field	Applied tag pill
Regular
Hover			On hover over Close icon button:
Active
Disabled
Error			N/A
Warning			N/A
Focused			or Image RemovedImage Added

Interaction

...

Keyboard	Tag field trigger button	Applied tag pills

Tab	From a previous component, moves focus to the trigger button. From the trigger button, navigates to the next component.	Navigates to the next component.
Shift + Tab	Reverse tab	Reverse tab
Space	Selects the trigger button to open the tag menu.	N/A
Enter	Selects the trigger button to open the tag menu.	Removes the pill, de-selecting the tag. Focus moves to the pill or trigger button immediately to its right.
Delete and Backspace	N/A	Removes the pill, de-selecting the tag. Focus moves to the pill or trigger button immediately to its right.
Esc	N/A	N/A
Arrows	Left/Right: moves between the pills and trigger button. Up/Down: single pill row: N/A multiple pill rows: moves between rows.	Left/Right: moves between the pills and trigger button. Up/Down: single pill row: N/A multiple pill rows: moves between rows.

For the behavior of the tag menu, follow Search with Auto Suggest.

Keyboard	Tag field text area	Applied tag pills

Tab	From a previous component, moves focus to the tag field text area. From the tag field text area, navigates to the next component.	Navigates to the next component
Shift + Tab	Reverse tab	Reverse tab
Space	Acts as text input	N/A
Enter	N/A	In outlook it returns focus to text input?
Esc	N/A	N/A
Delete	Acts as text input. After all text has been deleted, removes the last added pill.	Removes the pill, de-selecting the tag.
Arrows	Left/Right: act as arrows within the text. From the left of the text area, left moves to the last pill. Up/Down: moves focus to the auto-suggest results	Left/Right: moves between the pills. Up/Down: N/A
a-z, A-Z	Acts as text input.	Automatically moves focus to the text area.

...