Undefinied element on list

[Marcif]

I'm having an issue with an undefined item in a drop-down list when I click on input. Could you please help me

Source code on CodePen: https://codepen.io/marcif/pen/WNKVBYL

[folknor]

Works fine for me, both in Firefox and Chrome on Linux.

EDIT: I just opened your codepen and clicked the text input. Looks the same in both browsers.

[Marcif]

I find solution. Modify filter from this:

filter: (list) => { let filteredResults = Array.from( new Set(list.map((value) => value.match)) ).map((food) => { return list.find((value) => value.match === food); }); return filteredResults; }

to this:

filter: list => list.filter(item => item.key in item.value),

and now works fine