MdDialog to target specific element vuematerial#2253

Author: Michele Moresi

src/components/MdDialog/MdDialog.vue

@@ -28,7 +28,6 @@
 </template>
 
 <script>
-import Vue from "vue";
 import MdComponent from "core/MdComponent";
 import MdPortal from "components/MdPortal/MdPortal";
 import MdOverlay from "components/MdOverlay/MdOverlay";
@@ -45,18 +44,7 @@ export default new MdComponent({
     mdActive: Boolean,
     mdTarget: {
       type: null,
-      validator(value) {
-        if (HTMLElement && value && value instanceof HTMLElement) {
-          return true;
-        }
-
-        Vue.util.warn(
-          "The md-target-el prop is invalid. You should pass a valid HTMLElement.",
-          this
-        );
-
-        return false;
-      },
+      default:null
     },
     mdBackdrop: {
       type: Boolean,

src/components/MdOverlay/MdOverlay.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import Vue from 'vue'
+
 import MdPortal from "components/MdPortal/MdPortal";
 
 export default {
@@ -18,18 +18,7 @@ export default {
   props: {
     mdTarget: {
       type: null,
-      validator(value) {
-        if (HTMLElement && value && value instanceof HTMLElement) {
-          return true;
-        }
-
-        Vue.util.warn(
-          "The md-target-el prop is invalid. You should pass a valid HTMLElement.",
-          this
-        );
-
-        return false;
-      },
+      default:null
     },
     mdActive: Boolean,
     mdAttachToParent: Boolean,