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

fix: fix the unexpected behavior of the ConfirmDialog popup (#4252) 

* fix: fix top and left styles of the container by subtracting the margin-top and margin-left

* fix: create getComputedStyle variable

* fix: add  subtracting of margins in else condition

---------

Co-authored-by: Dmytro Lukashenko <ext.dmytro.lukashenko@swarco.de>
pull/3943/head^2
Dmytro Lukashenko 2023-08-15 13:49:18 +03:00 committed by GitHub
parent e14c7186d8
commit ff5b2f7fe6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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

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