I have a simple text input bound to a property like this:
<input type="text" maxlength="20" placeholder="search" value.bind="q & debounce:500" />
With a “qChanged()” event in the associated TypeScript file reacting to changes to the bound “q” observable property. All pretty straight forward.
When Edge displays this input, it includes the little “x” button over on the right of the text box to quickly clear the text. When I click that “x” button, however, the “q” observable is not updated. It retains the value it had before the text box was cleared, and doesn’t change until I type something else into the text box. Since q never changed, the qChanged() method is not called.
Has anyone else seen this? How do you react to a text input being cleared with the “x” button in Edge (and presumably other browsers that do the same thing)?