Hi, my pipeline pilot protocol uses a File Chooser, alongside other components, to upload files.

I also have a "Clear" button to clear all the components in my protocol. I am trying to use javascript to make this clear button also clear and re-set the File Chooser to its original state but am unable to do so. I can clear its value (i.e., the path of the file selected by the File Chooser) but the selected file's name is still displayed as selected on the front end.

Note: The File Chooser component contains a non-editable blank textbox and a "Browse" button. When I click "Browse" and select a file, the textbox is replaced by that file's name and a cross (button) to unselect it. When I press the button to unselect, the blank textbox re-appears along with the "Browse" button.

Is there a way to basically replicate what this unselect button does and restore the File Chooser to its original state ?

Any suggestions would be welcome. Thanks.