JSGrid + JQuery UI Autocomplete custom drop-down menu

[MrC0mm0n]

Background: I'm trying to create a custom drop-down menu for JQuery UI Autocomplete field, in JSGrid

Code: https://codepen.io/MrC0mm0n/pen/poeJPEm Cross-reference: https://stackoverflow.com/questions/67461252/jsgrid-jquery-ui-autocomplete-custom-drop-down-menu

Attempted:

Using example - https://jqueryui.com/autocomplete/#custom-data Using the autocomplete render item .autocomplete( "instance" )._renderItem creates a cell that's not editable

Expected result:

• When user enters '1' in the tag field, drop-down menu with options should show, based on the tags variable
• On selecting an option from the drop-down menu, fields 1, 2, 3 in the row should populate with data