Input type file issue (again, sorry!)

[Jaiieq]

References: #711

I've done a full composer update so I have the latest flux and the 'x-ref' field that references the filename still is not clearing itself of the last selected filename (or filenames, e.g. '2 files')

Here is my simple blade component:

<form wire:submit='save'>
      <flux:input type="file" wire:model="attachments" multiple />
      <flux:error name="attachments" />
      <div class="flex items-center justify-center gap-x-4 mt-6">
          <flux:modal.close>
              <flux:button variant="ghost" wire:click='cancel' id='test'>Cancel</flux:button>
          </flux:modal.close>
          <flux:button type="submit" variant="primary">Submit</flux:button>
      </div>
</form>

For completeness, this is the wire:click cancel function. The same happens on a successful 'save' as well

public function cancel()
{
    $this->reset('attachments');
    $this->resetErrorBag();
    $this->resetValidation();
}

I've tried all of the following, which properly clears the input field value, but not the x-ref value that is displayed. I've also tried clearing the input via the console with vanilla javascript, but nothing seems to trigger the change to the x-ref div

$this->reset('attachments');
$this->attachments = [];
$this->attachments = null;

The only way I can get it to clear the x-ref is after clicking the "Choose Files" button is to then click cancel out of the open file dialog.

Am I missing something? Thanks in advance!