maan56
diff --git a/‎src/components/element-cover/CElementCover.vue
Copy file name to clipboardExpand all lines: src/components/element-cover/CElementCover.vue
+6-14Lines changed: 6 additions & 14 deletions b/‎src/components/element-cover/CElementCover.vue
Copy file name to clipboardExpand all lines: src/components/element-cover/CElementCover.vue
+6-14Lines changed: 6 additions & 14 deletions
diff --git a/‎src/components/element-cover/tests/CElementCover.spec.js
Copy file name to clipboardExpand all lines: src/components/element-cover/tests/CElementCover.spec.js
+2-2Lines changed: 2 additions & 2 deletions b/‎src/components/element-cover/tests/CElementCover.spec.js
Copy file name to clipboardExpand all lines: src/components/element-cover/tests/CElementCover.spec.js
+2-2Lines changed: 2 additions & 2 deletions
diff --git a/‎src/components/index.d.ts
Copy file name to clipboardExpand all lines: src/components/index.d.ts
+1-1Lines changed: 1 addition & 1 deletion b/‎src/components/index.d.ts
Copy file name to clipboardExpand all lines: src/components/index.d.ts
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/table/CDataTable.vue
Copy file name to clipboardExpand all lines: src/components/table/CDataTable.vue
+2-2Lines changed: 2 additions & 2 deletions b/‎src/components/table/CDataTable.vue
Copy file name to clipboardExpand all lines: src/components/table/CDataTable.vue
+2-2Lines changed: 2 additions & 2 deletions
@@ -67,25 +67,17 @@ export default {
     setOffsets () {
       const parent = this.$el.parentElement
       this.parentCoords = parent.getBoundingClientRect()
-      this.boundaries.forEach(cover => {
-        const element = this.getElement(parent, cover.tag, cover.class)
-        if (!element || !cover.sides) {
+      this.boundaries.forEach(({sides, query}) => {
+        const element = parent.querySelector(query)
+        if (!element || !sides) {
           return
         }
-        cover.sides.forEach(side => {
-          const sideMargin = Math.abs(element[side] - this.parentCoords[side])
+        const coords = element.getBoundingClientRect()
+        sides.forEach(side => {
+          const sideMargin = Math.abs(coords[side] - this.parentCoords[side])
           this.containerCoords[side] = sideMargin + 'px'
         })
       })
-    },
-    getElement (node, tag, styleClass) {
-      let element = null
-      if (styleClass) {
-        element = node.getElementsByClassName(styleClass)[0]
-      } else if (tag) {
-        element = node.getElementsByTagName(tag)[0]
-      }
-      return element ? element.getBoundingClientRect() : null
     }
   }
 }
 
@@ -16,11 +16,11 @@ const App = localVue.extend({
           boundaries: [
             {
               sides: ['top', 'left'],
-              class: 'first'
+              query: '.first'
             },
             {
               sides: ['bottom'],
-              tag: 'non-existing'
+              query: 'non-existing'
             },
             {
               sides: ['bottom']
 
@@ -150,7 +150,7 @@ export declare class CDropdownHeader extends Vue {
 export declare class CDropdownItem extends CLink {}
 
 export declare class CElementCover extends Vue {
-  boundaries: Array<{side: string[], tag?: string, class?: string}>
+  boundaries: Array<{side: string[], query: string }>
   centered: boolean
   opacity: number
 }
 
@@ -190,8 +190,8 @@
       <slot name="loading" v-if="loading">
         <CElementCover 
           :boundaries="[
-            { sides: ['top'], tag: 'TD' },
-            { sides: ['bottom'], tag: 'TBODY' }
+            { sides: ['top'], query: 'td' },
+            { sides: ['bottom'], query: 'tbody' }
           ]"
         />
       </slot>
Original file line number	Diff line number	Diff line change
`@@ -16,11 +16,11 @@ const App = localVue.extend({`
`16`	`16`	`boundaries: [`
`17`	`17`	`{`
`18`	`18`	`sides: ['top', 'left'],`
`19`		`- class: 'first'`
	`19`	`+ query: '.first'`
`20`	`20`	`},`
`21`	`21`	`{`
`22`	`22`	`sides: ['bottom'],`
`23`		`- tag: 'non-existing'`
	`23`	`+ query: 'non-existing'`
`24`	`24`	`},`
`25`	`25`	`{`
`26`	`26`	`sides: ['bottom']`
Original file line number	Diff line number	Diff line change
`@@ -150,7 +150,7 @@ export declare class CDropdownHeader extends Vue {`
`150`	`150`	`export declare class CDropdownItem extends CLink {}`
`151`	`151`
`152`	`152`	`export declare class CElementCover extends Vue {`
`153`		`- boundaries: Array<{side: string[], tag?: string, class?: string}>`
	`153`	`+ boundaries: Array<{side: string[], query: string }>`
`154`	`154`	`centered: boolean`
`155`	`155`	`opacity: number`
`156`	`156`	`}`