onChange not firing with virtual keyboard

[StevePotter]

Hey all, writing a kiosk type app in Linux. It's for a touch device and I needed a virtual keyboard. I found a great Chrome extension at https://chrome.google.com/webstore/detail/virtual-keyboard/pflmllfnnabikmfkkaddkoolinlfninn?hl=en.

The extension works fine but React's onChange doesn't recognize it. The extension is JS-based and it dispatches keyDown, keyUp, keyPress, and change events itself. And naturally it updates the element's value. Why wouldn't this work?

Thanks!

[sophiebits]

In Chrome, React expects to hear the input event. Maybe we could listen for the others as well, though I don't think it should really be necessary.

[StevePotter]

Thanks for the reply. I updated it to dispatch the input event and it worked beautifully. I owe you a hug.

[syranide]

Closing as this seems resolved and was an issue with the plugin.

[mdressman]

This post just saved me. I was also trying to manually fire change events. Switched to input event type and success! Just wanted to say thanks.

[saptarshi-bhattacharjee]

This post just saved me. I was also trying to manually fire change events. Switched to input event type and success! Just wanted to say thanks.

Please share the solution. Facing same issue.

[saptarshi-bhattacharjee]

Thanks for the reply. I updated it to dispatch the input event and it worked beautifully. I owe you a hug.

How to dispatch input event? can you please share?

[saptarshi-bhattacharjee]

Thanks for the reply. I updated it to dispatch the input event and it worked beautifully. I owe you a hug.

How to dispatch input event? can you please share?