fix(texfield): update textfield adapters as per mdc 0.29.0

Text field outline adapter now must implement the getIdleOutlineStyleValue method previously implemented in the text field adapter.
stasson · Jan 23, 2018 · d565a31 · d565a31
1 parent 6d2bdd8
commit d565a31
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/components/textfield/mdc-textfield.vue b/components/textfield/mdc-textfield.vue
@@ -48,7 +48,7 @@
           <path class="mdc-text-field__outline-path" :d="outlinePathAttr" />
         </svg>
       </div>
-      <div class="mdc-text-field__idle-outline" v-if="hasOutline"></div>
+      <div ref="outlineIdle" class="mdc-text-field__idle-outline" v-if="hasOutline"></div>
       <div ref="bottom" :class="bottomClasses" v-if="hasBottomLine"></div>
 
     </div>
@@ -286,6 +286,13 @@ export default {
         setOutlinePathAttr: (value) => {
           this.outlinePathAttr = value
         },
+        getIdleOutlineStyleValue: (propertyName) => {
+          const idleOutlineElement = this.$refs.outlineIdle;
+          if (idleOutlineElement) {
+            return window.getComputedStyle(idleOutlineElement)
+              .getPropertyValue(propertyName);
+          }
+        },
       })
       this.outlineFoundation.init()
     }    
@@ -316,12 +323,6 @@ export default {
           this.$refs.bottom.removeEventListener(evtType, handler);
         }
       },
-      getIdleOutlineStyleValue: (propertyName) => {
-        const idleOutlineElement = this.$refs.outline
-        if (idleOutlineElement) {
-          return window.getComputedStyle(idleOutlineElement).getPropertyValue(propertyName);
-        }
-      },
       isFocused: () => {
         return document.activeElement === this.$refs.input
       },