vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

fix: fix getComputedStyle error

pull/4314/head
Dmytro Lukashenko 2023-08-22 10:37:58 +03:00
parent 47a20256ef
commit 5f15f6bb7e
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/lib/dialog/Dialog.vue
View File

@ -322,24 +322,27 @@ export default {
let leftPos = offset.left + deltaX; let leftPos = offset.left + deltaX;
let topPos = offset.top + deltaY; let topPos = offset.top + deltaY;
let viewport = DomHandler.getViewport(); let viewport = DomHandler.getViewport();
let containerComputedStyle = getComputedStyle(this.container)
let marginLeft = parseFloat(containerComputedStyle.marginLeft);
let marginTop = parseFloat(containerComputedStyle.marginTop);
this.container.style.position = 'fixed'; this.container.style.position = 'fixed';
if (this.keepInViewport) { if (this.keepInViewport) {
if (leftPos >= this.minX && leftPos + width < viewport.width) { if (leftPos >= this.minX && leftPos + width < viewport.width) {
this.lastPageX = event.pageX; this.lastPageX = event.pageX;
this.container.style.left = leftPos + 'px'; this.container.style.left = (leftPos - marginLeft) + 'px';
} }
if (topPos >= this.minY && topPos + height < viewport.height) { if (topPos >= this.minY && topPos + height < viewport.height) {
this.lastPageY = event.pageY; this.lastPageY = event.pageY;
this.container.style.top = topPos + 'px'; this.container.style.top = (topPos - marginTop) + 'px';
} }
} else { } else {
this.lastPageX = event.pageX; this.lastPageX = event.pageX;
this.container.style.left = leftPos + 'px'; this.container.style.left = (leftPos - marginLeft) + 'px';
this.lastPageY = event.pageY; this.lastPageY = event.pageY;
this.container.style.top = topPos + 'px'; this.container.style.top = (topPos - marginTop) + 'px';
} }
} }
}; };
@ -369,7 +372,7 @@ export default {
window.document.removeEventListener('mouseup', this.documentDragEndListener); window.document.removeEventListener('mouseup', this.documentDragEndListener);
this.documentDragEndListener = null; this.documentDragEndListener = null;
} }
} },
}, },
computed: { computed: {
maximizeIconComponent() { maximizeIconComponent() {