alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): skip resize handler if node not visible (#1936)

Browse Source 
* fix(core): skip resize handler if node not visible

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

* chore(changeset): add

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2025-08-31 13:42:04 +02:00
parent e9f0cdff3d
commit c9c26d02f6
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/stupid-bags-itch.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@vue-flow/core": patch
---
Skip resize handler if node is not visible.

14
packages/core/src/composables/useResizeHandler.ts
View File

@@ -15,14 +15,12 @@ export function useResizeHandler(viewportEl: Ref<HTMLDivElement | null>): void {
let resizeObserver: ResizeObserver
onMounted(() => {
const rendererNode = viewportEl.value
const updateDimensions = () => {
if (!rendererNode) {
if (!viewportEl.value || !(viewportEl.value.checkVisibility() ?? true)) {
return
}
const size = getDimensions(rendererNode)
const size = getDimensions(viewportEl.value)
if (size.width === 0 || size.height === 0) {
emits.error(new VueFlowError(ErrorCode.MISSING_VIEWPORT_DIMENSIONS))
@@ -34,16 +32,16 @@ export function useResizeHandler(viewportEl: Ref<HTMLDivElement | null>): void {
updateDimensions()
window.addEventListener('resize', updateDimensions)
if (rendererNode) {
if (viewportEl.value) {
resizeObserver = new ResizeObserver(() => updateDimensions())
resizeObserver.observe(rendererNode)
resizeObserver.observe(viewportEl.value)
}
onBeforeUnmount(() => {
window.removeEventListener('resize', updateDimensions)
if (resizeObserver && rendererNode) {
resizeObserver.unobserve(rendererNode!)
if (resizeObserver && viewportEl.value) {
resizeObserver.unobserve(viewportEl.value!)
}
})
})