fix(validationRenderer): correctly assign boundaryElement, set label …

…active to avoid strange layout errors
aurelia-ui-toolkits · Aug 15, 2016 · b9f768d · b9f768d
1 parent 5a73161
commit b9f768d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/validation/validationRenderer.js b/src/validation/validationRenderer.js
@@ -5,7 +5,9 @@ import { validationRenderer } from 'aurelia-validation';
 @inject(Element)
 export class MaterializeFormValidationRenderer {
 
-  constructor(boundaryElement) {}
+  constructor(boundaryElement) {
+    this.boundaryElement = boundaryElement;
+  }
 
   render(error, target) {
     if (!target || !(this.boundaryElement === target || this.boundaryElement.contains(target))) {
@@ -27,6 +29,7 @@ export class MaterializeFormValidationRenderer {
           let label:any = target.querySelector('label');
           if (label) {
             label.classList.remove('valid');
+            label.classList.add('active');
             label.classList.add('invalid');
 
             // get error message from label