瀏覽代碼

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

@uppy/dashboard - connected labels to inputs in FileCard.js
Evgenia Karunus 5 年之前
父節點
當前提交
469ad677eb
共有 1 個文件被更改,包括 3 次插入1 次删除
  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}