Bug 258658 – File programatically added to <input type="file"> not shown

• Status: NEW
• Component: Forms

Created attachment 466858 [details]
Screenshot of problem in Safari

## Overview:

When programmatically adding a file to an <input type="file"> element, the file input does not show any indication in the UI that a file is present.

## Steps to Reproduce:

Run the code snippet in this post: https://stackoverflow.com/a/68182158

## Actual Results:

The file input is shown in its default state, as if there are no files selected. It only shows the "Choose File" button, and there is no text/filename next to it.

## Expected Results:

It would be more useful if the file input showed the name of the file that was added programatically (like Chrome and Firefox do). That indicates to the user that a file is present in the input.

## Build Date & Hardware:

- Safari: Version 16.5.1 (18615.2.9.11.7)
- Safari Technology Preview: Release 173 (Safari 17.0, WebKit 18616.1.20.2)

## Additional Builds and Platforms:

The problem does not occur on iPadOS 16.4 (Simulator) and iOS 16.5.1 (device).

Created attachment 466859 [details]
Screenshot of better behaviour on iPadOS

Created attachment 466860 [details]
Screenshot of better behaviour in Chrome

Created attachment 466861 [details]
Screenshot of better behaviour in Firefox

[Radar WebKit Bug Importer]

<rdar://problem/111833099>