The mention configuration with custom item renderer for autocomplete list.
The list is returned in promise (no timeout) and is filtered for any match of name and username (custom feed):
The feed:
{ id: '1', name: 'Barney Stinson', username: 'swarley' }{ id: '2', name: 'Lily Aldrin', username: 'lilypad' }{ id: '3', name: 'Marshall Eriksen', username: 'marshmallow' }{ id: '4', name: 'Robin Scherbatsky', username: 'rsparkles' }{ id: '5', name: 'Ted Mosby', username: 'tdog' }The item is rendered as <span> instead of default button.
You can interact with mention panel with keyboard:
Mention panel should be closed on:
The mention should be removed from the text when: