AutoComplete 'Clear' Event

this is an autocomplete input box, when an item is selected, we can see the value is available (see the console on right side).
this is expected.

but when we click on the cross button on the input box (HTML native thingy, not custom), the visible text on the input is cleared but the value stays (see right side console).

this is causing a problem for us to manage the data being shown which is dependent on the selected item.

on moving the focus away from the input box, the value is cleared from the auto complete input - but for end use this is not very intuitive solution.

request:
that cross button needs to have its own dynamic event for auto complete input box so that we can trigger actions accordingly.
OR
the cross button should clear the value from the input box as well - this would be just as good a solution.

I’ve been checking and it seems there is not really a clear event or something similar from the browser. Chrome and webkit have a search event, but that is a standard. It triggers a input event, but that is an event that is triggered on each change and can’t really see if that is from a clear.

I could check in the input event if the value is empty and trigger a change event then. The value gets updated on the change event of the element.

yeah, if the ‘value’ of the input is changed to null or blank - that will suffice. currently on clicking the [ x ], the value shown on input is empty but the value is still held on the HTML level - hence subsequent functions just won’t work!