thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Update node bounds whenever a node is registered or unregistered

Browse source
This commit is contained in:
thepaperpilot 2022-08-22 08:42:11 -05:00
parent 11662e248f
commit 6784fbaf51
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/Context.vue
View file

@ -56,13 +56,12 @@ provide(RegisterNodeInjectionKey, (id, element) => {
const observer = new MutationObserver(() => updateNode(id)); const observer = new MutationObserver(() => updateNode(id));
observer.observe(element, observerOptions); observer.observe(element, observerOptions);
nodes.value[id] = { element, observer, rect: element.getBoundingClientRect() }; nodes.value[id] = { element, observer, rect: element.getBoundingClientRect() };
emit("updateNodes", nodes.value); updateBounds();
nextTick(() => updateNode(id));
}); });
provide(UnregisterNodeInjectionKey, id => { provide(UnregisterNodeInjectionKey, id => {
nodes.value[id]?.observer.disconnect(); nodes.value[id]?.observer.disconnect();
nodes.value[id] = undefined; nodes.value[id] = undefined;
emit("updateNodes", nodes.value); updateBounds();
}); });
provide(NodesInjectionKey, nodes); provide(NodesInjectionKey, nodes);
provide(BoundsInjectionKey, boundingRect); provide(BoundsInjectionKey, boundingRect);