question-mark
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 Editor: Hightlight the first ListItem (FullList/FilteredList)

See original GitHub issue

Is your feature request related to a problem? Please describe. When using the Autocomplete Editor I find it a bit disturbing to use the arrow keys or the mouse to select an item from the list. I think it would be better, if the first item in the list is pre-selected and can be accpeted by pressing enter

Describe the solution you’d like In the fillList-function (link) replace the line setCurrentItem(false); with setCurrentItem(displayItems[0]);

Describe alternatives you’ve considered In my Code, i also implemented an editorParams-switch, so you can change the autocomplete highligt behavior via the column definitions

if (!current) { if(editorParams.highlightFirst){ setCurrentItem(displayItems[0]); } else { setCurrentItem(false) } }

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
tentuscommented, Jul 19, 2019

This would be inconsistent with default browser behavior, jqueryui, Materialize, easyautocomplete, etc etc, so I’d definitely recommend such a feature be an opt-in configuration as mentioned.

0reactions
leif-freshxcommented, Aug 26, 2020

Hi,

The solution with defaultValue does not really work for dynamically created list of values.

I have a free text search function using the autocomplete editor so I do not know what value will be the “default”/“correct” value when setting up the column so I agree with the original post that it would be very useful to be able to set autoSelectFirstItem=true or something similar as an opt-in feature.

Alternatively, being able to set the defaultValue during the searchFunc executing would also be a working solution.

Best regards, Leif

Hi again,

I saw that another issue mentioned similar request and there it was mentioned that it will be addressed: https://github.com/olifolkerd/tabulator/issues/2906

So, please disregard my comment in this thread.

Best regards and thanks for a great library,

Leif

Read more comments on GitHub >

github_iconTop Results From Across the Web

Highlight list fields - Product Documentation | ServiceNow
In the Name column, enter the name of the table with highlighted fields, for example, Incident. All filtered lists associated with the table ......
Read more >
How to fill series of numbers in a filtered list column in Excel?
Enter the first number of the series into the Start number box. C. Enter the increment number into the Increment box. D. Specify...
Read more >
React Beginners Tutorial - Build an Autocomplete Text Box
In this React tutorial for beginners you will learn to create a basic React app and an autocomplete text box React component.
Read more >
Python Tkinter Autocomplete combobox with LIKE search?
EDIT : example how to use Entry and Listbox to display filtered list. In listbox_update I added sorting list (comparing lower case strings)...
Read more >
AutoComplete
Screenshot of the AutoComplete list widget ... and only this item will be used for completion (the full input value will still be...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found