Form Upload - Error message before file selection

[Thrillberg]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

When using the file input component in the Form Upload flow, the user clicks "choose from folder" to begin uploading a file. The browser correctly opens a file browser but then a validation kicks in causing an error message to appear in the background.

What I expected to happen

I'd rather the error message only appear if they hit Cancel and do NOT indicate a file to upload. Otherwise, it shouldn't appear at all.

Reproducing

• Formation version:
• Device: Macbook
• Browser: Firefox

Steps to reproduce:

1. Sign in
2. Go to https://staging.va.gov/form-upload/21-0779
3. Go through the form until https://staging.va.gov/form-upload/21-0779/upload
4. Click on "choose from folder"

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

Details

[caw310]

@Thrillberg Is this preventing you from properly using the file input component? Or is it a visual issue?

[Thrillberg]

@caw310 Technically the component is usable without this, but the UX is pretty jarring as it unnecessarily displays an error. As long as the user knows to ignore it, it's only a visual issue. I'd defer to @humancompanion-usds for prioritization/urgency questions though.

[caw310]

@Thrillberg It sounds as if this is not blocking work in progress since the component is usable. We will discuss and prioritize for a future sprint.

[caw310]

Hey team! Please add your estimate @Andrew565 @ataker @harshil1793 @it-harrison @jamigibbs @micahchiang @nickjg231 @powellkerry @rmessina1010 @rsmithadhoc
Provide your estimate of 1, 2, 3, 5, 8 or 13