소스 검색

@uppy/dashboard - connected labels to inputs in FileCard.js

Evgenia Karunus 5 년 전
부모
커밋
c02f9ee0ec
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}