Clear text on value clear

[tracerx]

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.

[Johann-S]

Maybe I should add a refresh method to handle that 🤔

Thanks for the feedback @tracerx 👍

[CometS1]

I'll try to work on this, just tell me where I should create the refresh method

[Johann-S]

You can add in the bsCustomFileInput object here:
https://github.com/Johann-S/bs-custom-file-input/blob/master/src/index.js#L11

Thanks @CometS1 👍

[Johann-S]

Not sure if my PR here fix your issue: #39 🤔

[CometS1]

I'm not sure either, @tracerx could you go into more detail about your issue, and check to see if the recent PR fixes it?

[Johann-S]

You can test that here: https://bs-custom-file-input.netlify.com/ 👍

[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

[tracerx]

Yep. That does the trick. Thank you for your help and sorry for not thinking that through before opening an issue on it!

[Johann-S]

No worries thanks you for using my plugin 👍