Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Autocomplete] Option highlighted event

See original GitHub issue

[x ] I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

<Autocomplete
   onOptionHighlighted={(option: T, reason: 'keyboardNavigation' | 'mouseOver' | 'automatic') => { ... }}
   ...
/>

This event would trigger when an option is highlighted (such that pressing Enter would then select that option). For instance, it would trigger upon using the arrow keys to cycle through the options and report which option is currently highlighted.

Motivation 🔦

Give context to the user on the highlighted option to allow him to make a better choice. Right now, we only know which option is selected after the user makes a choice; this would allow providing feedback proactively rather than reactively.

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:7 (5 by maintainers)

Top GitHub Comments

2reactions

marcosvega91commented, Apr 21, 2020

I Will create a PR with this feature soon 😃

1reaction

marcosvega91commented, May 5, 2020

Hi @theGirrafish I will correct the issue 😃

Top Results From Across the Web

[Autocomplete] Option highlighted event · Issue #20588 - GitHub

This event would trigger when an option is highlighted (such that pressing Enter would then select that option).

Material UI Autocomplete: highlighted option should become ...

Unfortunately, the highlighted state of the option is lost upon saving the title or value of the option as the input. Is there...

Autocomplete API - Material UI - MUI

Name Type Default options * array renderInput * func autoComplete bool false

Autocomplete Widget - jQuery UI API Documentation

Description: Autocomplete enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.

select - API Reference - Kendo UI AutoComplete

Important: The event is not fired when an item is selected programmatically. Event Data. e.dataItem Object. The data item instance of the selected...