Code: Select all
<template>
<div>
<Toast />
<Button :label="true ? 'SelectProduct' : null" @click="toggle" />
<OverlayPanel ref="op">
<h1>Hello!</h1>
</OverlayPanel>
</div>
</template>
<script>
import { ref } from "vue";
import { useToast } from "primevue/usetoast";
import OverlayPanel from "primevue/overlaypanel";
import Button from "primevue/button";
export default {
components: { OverlayPanel, Button },
setup() {
const toast = useToast();
const op = ref();
let onKeydown = (event) => {
if (event.key == "h") {
op.value.toggle(event);
}
};
window.addEventListener("keydown", onKeydown);
() => window.removeEventListener("keydown", onKeydown);
const toggle = (event) => {
op.value.toggle(event);
};
return { op, toggle };
},
};
</script>
Code: Select all
utils.esm.js:186 Uncaught (in promise) TypeError: target.getBoundingClientRect is not a function
at Function.absolutePosition (utils.esm.js:186)
at Proxy.alignOverlay (overlaypanel.esm.js:138)
at Proxy.onEnter (overlaypanel.esm.js:105)
at callHook (runtime-dom.esm-bundler.js:784)
at eval (runtime-dom.esm-bundler.js:827)
at Object.enter (runtime-core.esm-bundler.js:2473)
at Array.eval (runtime-core.esm-bundler.js:4924)
at flushPostFlushCbs (runtime-core.esm-bundler.js:479)
at flushJobs (runtime-core.esm-bundler.js:515)