Clear text on value clear

If the input is cleared using something like: document.getElementById('fileInput').value = ''; The filename stays in place even though the underlying input has been cleared.

[tracerx]

That PR wouldn’t fix this issue because changing the value in the JS won’t fire the change event. As you suggested, a refresh method for the control would be needed. form.reset works but not if you just want to change the value of that control without resetting the rest of the form.

[Johann-S]

Maybe before the PR of @CometS1, @tracerx you can try something like that:

var fileInput = document.getElementById('fileInput')
fileInput.value = ''
fileInput.dispatchEvent(new Event('change'))

EDIT:

BTW it works pretty well see: https://codepen.io/Johann-S/pen/LXOYbR