5.2.1 has broken file uploads (schema attached)

[billycrid]

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

core

Version

5.2.1

Current Behavior

Currently with 5.2.1, when trying to upload a file with default bootstrap configuration: after attaching a .csv file (with uiSchema specifying only .csv format allowed). after clicking Submit the field is highlighted with 'field is required'

Expected Behavior

File should be attached to the form as previously was in 5.2.0

Steps To Reproduce

1. checkout 5.2.1 version
2. use inputSchema:

{
  "properties": {
    "uploadedFile": {
      "items": {
        "format": "data-url",
        "type": "string"
      },
      "title": "some file",
      "type": "array"
    }
  },
  "required": [
    "uploadedFile"
  ],
  "type": "object"
}

3. use uiSchema:

{
  "uploadedFile": {
    "ui:options": {
      "accept": [
        ".csv"
      ]
    }
  }
}

4. try to submit the form after uploading a .csv file
5. error will show as if field is not populated
6. then switch to version 5.2.0 of the lib and repeat steps and the form will submit correctly

can be recreated in this codesandbox: https://codesandbox.io/embed/condescending-raman-fylt3x?fontsize=14&hidenavigation=1&theme=dark

Environment

- OS: OSX latest
- Node: 16.17.1
- npm: 8.15.0

Anything else?

No response

[heath-freenome]

@billycrid so I just put your example into the playground and could not reproduce the issue. Do you have any customizations?

[billycrid]

@heath-freenome please see the defect recreated in a codesandbox URL: https://codesandbox.io/embed/condescending-raman-fylt3x?fontsize=14&hidenavigation=1&theme=dark

hopefully this helps to recreate.

Also note, if you change the version down to 5.2.0 this upload file works as expected.

[heath-freenome]

@billycrid What specifically isn't working? I managed to upload a csv file just fine using your code sandbox. There was an issue with submitting complaining about missing required field, but adding the noHtml5Validate={true} took care of that. Can you screenshot or show a playback of this not working?

[billycrid]

@heath-freenome yeah this is exactly the issue, because the field is validating as not being complete, we are getting the HTML5 error suddenly which is blocking form submission even though all required fields are actually populated. Disabling Html5 Validation should not be an acceptable 'fix' for this as we still require HTML5 validation on all fields in the form. Is there anything else we can do to get around this or any fix thats possible to keep HTML5 validation but form field actually be filled out?