Textfield clear button (x) / HTML5 search field clear button not working

[IAmCoder]

The clear button (x) in a textfield is not working in one of my apps. Not sure what I have broken, but it now only clears the text after clicking on the "x" 4-5 times. Has anyone seen this before and found the cause of the problem / a solution?

[mitchellsimoens]

I have not had any issues for it myself. Is there an element on top of it capturing the tap or did you override the method that handles it?

[IAmCoder]

No. I have noticed that it is clearing it - I just have to select another text field for it to refresh. So when you click on the clear button, the cursor moves all the way to the left, but the text is still there. It only clears the text once the control loses focus.

I am trying to do this programmatically; getComponent('OtherSearchField').element.dom.focus(), but that does not help.

[IAmCoder]

I managed to get it working with this hack:

[...].getComponent('FieldName').setValue('');
target.setValue(''); // This line throws an error, but the text field is cleared

So I manually set the text to an empty string and then have a line of code that throws an error.