File Upload: It's possible for the Javascript file upload to fail a reflow on some very long file names

[wardt7]

Description of the issue

As above; it seems there are certain situations where text isn't broken down enough, resulting in it trailing outside the box. The upload component seems to have chosen to split on a dash in the filename:

Steps to reproduce the issue

• Upload a file to the new component in the documentation, with a very long continuous file name
• The exact file name used was: (Report _24350 off voucher) - ACFrOgDLElWoz2zzryYatpnNSH9SePbhlir6W6ig5lnoTIqou4o5BTzbkjSvd3ipfzAM2lMs9N1VctdpK7k2m3qokfYedr4Snmppu2JsLjIhD-LZcDdS1tnvYbCuuK0rG5rzZJP1o6iqAoSmljBe.pdf

Actual vs expected behaviour

Expected: The file name reflows correctly to keep all text within the file upload box
Actual: The file name trails outside the file upload box

Environment (where applicable)

• Operating system: Windows 11
• Browser: Firefox
• Browser version: Version 136.0 (64-bit)
• GOV.UK Frontend Version: 5.9.0