Merge pull request #260 from lkiesow/label-for

Assign Labels to Form Fields

Author: Arnei

src/main/Metadata.tsx

@@ -432,6 +432,7 @@ const Metadata: React.FC<{}> = () => {
    * @param input
    */
   const generateComponent = (field: MetadataField, input: any) => {
+    input.id = input.name
     if (field.collection) {
       if (Array.isArray(field.value)) {
         return (
@@ -517,7 +518,7 @@ const Metadata: React.FC<{}> = () => {
                 >
                 {({ input, meta }) => (
                   <div css={fieldStyle}>
-                    <label css={fieldLabelStyle}>{
+                    <label css={fieldLabelStyle} htmlFor={input.name}>{
                       i18n.exists(`metadata.labels.${field.id}`) ?
                       t(`metadata.labels.${field.id}`) : field.id
                     }</label>