Drop target for <input type=file>

[mrmckeb]

This issue comes from this comment: #140 (comment)

When testing browser implementations, only Firefox had the container set as the drop target.

Feature	Chrome	Firefox	Safari
Drag and drop	✔	✔	✔
Drop target	Button	Input	Button

The table below assesses the libraries and websites discussed in #114 (where input refers to the containing element).

Feature	MOJ	GitHub	Ant Design	Carbon	Evergreen	Materialise	Bootstrap
Drag and drop	✔	✔	Optional	Optional	✔	✔	❌
Drop target	Input	Input	Input	Button	❌	Input	Input

Based on this research, I propose that we move forward with the recommendation that the drop target is set to the containing element.

[gregwhitworth]

This was just discussed in the telecon and there was a resolution to make the drop target the containing host element. Minutes are here: https://www.w3.org/2020/10/08-openui-minutes.html

That said, there was confusion on the part of label so we'll be opening an issue to clarify that name as folks on the call had feedback regarding it.

[gregwhitworth]

Grr, pushed the wrong button - re-opening so @mrmckeb can close as when the change has been made

[mrmckeb]

@gregwhitworth were there any suggestions? I didn't see any in the minutes.

Perhaps "description" or "details"? It could be "filename" but it only shows the filename when uploading a single file.

[github-actions]

There hasn't been any discussion on this issue for a while, so we're marking it as stale. If you choose to kick off the discussion again, we'll remove the 'stale' label.