Feature request: required prop & focus indicator - Githubissues

KarimMokhtar / react-drag-drop-files

Light and simple Reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.

MIT License

248 stars 91 forks source link

Feature request: required prop & focus indicator #93

Closed KieranGreenwood closed 1 year ago

KieranGreenwood commented 1 year ago

It would be great if basic required validation was added. E.g:

<FileUploader required={isRequired} />

add required as a prop
apply required prop to input field
change input css from display: none to display: block
add input css opacity: 0;
add input css position: absolute;
add input css pointer-events: none;

The CSS changes mean:

Native browser validation prompts display when required is set to true.
The dropzone can receive keyboard focus and have a visible focus indicator (for accessibility, see WCAG 2.4.7)

KarimMokhtar commented 1 year ago

fixed in version 2.3.9