Quellcode durchsuchen

Merge pull request #1715 from transloadit/connect-file-card-inputs-to-labels

@uppy/dashboard - connected labels to inputs in FileCard.js
Evgenia Karunus vor 5 Jahren
Ursprung
Commit
469ad677eb
1 geänderte Dateien mit 3 neuen und 1 gelöschten Zeilen
  1. 3 1
      packages/@uppy/dashboard/src/components/FileCard.js

+ 3 - 1
packages/@uppy/dashboard/src/components/FileCard.js

@@ -57,9 +57,11 @@ class FileCard extends Component {
     const metaFields = this.props.metaFields || []
 
     return metaFields.map((field, i) => {
+      const id = `uppy-DashboardFileCard-input-${field.id}`
       return <fieldset class="uppy-DashboardFileCard-fieldset">
-        <label class="uppy-DashboardFileCard-label">{field.name}</label>
+        <label class="uppy-DashboardFileCard-label" for={id}>{field.name}</label>
         <input class="uppy-u-reset uppy-c-textInput uppy-DashboardFileCard-input"
+          id={id}
           type="text"
           value={this.state.formState[field.id]}
           placeholder={field.placeholder}