vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 17:32:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

appendTo option for OverlayPanel

Browse source
This commit is contained in:
cagataycivici 2019-02-03 21:34:25 +03:00
parent 10ba7e4da1
commit 9e97b24882
2 changed files with 20 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/overlaypanel/OverlayPanel.vue
View file

@ -13,6 +13,7 @@ import DomHandler from '../utils/DomHandler';
export default {
props: {
appendTo: String,
baseZIndex: {
type: Number,
default: 0
@ -30,6 +31,7 @@ export default {
target: null,
outsideClickListener: null,
beforeDestroy() {
this.restoreAppend();
this.unbindOutsideClickListener();
this.target = null;
},
@ -48,6 +50,7 @@ export default {
this.visible = false;
},
onEnter() {
this.appendContainer();
this.alignOverlay();
this.bindOutsideClickListener();
@ -79,6 +82,22 @@ export default {
},
isTargetClicked() {
return this.target && (this.target === event.target || this.target.contains(event.target));
},
appendContainer() {
if (this.appendTo) {
if (this.appendTo === 'body')
document.body.appendChild(this.$refs.container);
else
document.getElementById(this.appendTo).appendChild(this.$refs.container);
}
},
restoreAppend() {
if (this.$refs.container && this.appendTo) {
if (this.appendTo === 'body')
document.body.removeChild(this.$refs.container);
else
document.getElementById(this.appendTo).removeChild(this.$refs.container);
}
}
}
}