Merge pull request #42 from tapetersen/master

Fix TextareaWidget to render id and label reference correctly
Limenius · Dec 6, 2018 · aa44304 · aa44304
2 parents 20e7131 + 958d033
commit aa44304
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/__tests__/themes.bootstrap3.TextareaWidget.spec.js b/src/__tests__/themes.bootstrap3.TextareaWidget.spec.js
@@ -25,5 +25,7 @@ describe("TextareaWidget", () => {
     const wrapper = render(Component);
 
     expect(wrapper.find("textarea").length).toEqual(1);
+    expect(wrapper.find("textarea").prop('id')).toEqual('field-field');
+    expect(wrapper.find("label").prop('for')).toEqual('field-field');
   });
 });
diff --git a/src/themes/bootstrap3/TextareaWidget.js b/src/themes/bootstrap3/TextareaWidget.js
@@ -10,13 +10,13 @@ const renderInput = field => {
   ]);
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={"field-" + field.name}>
+      <label className="control-label" htmlFor={"field-" + field.input.name}>
         {field.label}
       </label>
       <textarea
         {...field.input}
         className="form-control"
-        id={"field-" + field.fieldName}
+        id={"field-" + field.input.name}
         required={field.required}
         placeholder={field.placeholder}
       />