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

Fix Links not always updating its outer bounds

Browse source
This commit is contained in:
thepaperpilot 2022-07-09 17:07:09 -05:00
parent 6a7b411b93
commit 3ee1cdb384
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/features/links/Links.vue
View file

@ -16,7 +16,7 @@
import type { Link } from "features/links/links"; import type { Link } from "features/links/links";
import type { FeatureNode } from "game/layers"; import type { FeatureNode } from "game/layers";
import { BoundsInjectionKey, NodesInjectionKey } from "game/layers"; import { BoundsInjectionKey, NodesInjectionKey } from "game/layers";
import { computed, inject, ref, toRef, watch } from "vue"; import { computed, inject, onMounted, ref, toRef, watch } from "vue";
import LinkVue from "./Link.vue"; import LinkVue from "./Link.vue";
const _props = defineProps<{ links?: Link[] }>(); const _props = defineProps<{ links?: Link[] }>();
@ -26,11 +26,12 @@ const resizeListener = ref<Element | null>(null);
const nodes = inject(NodesInjectionKey, ref<Record<string, FeatureNode | undefined>>({})); const nodes = inject(NodesInjectionKey, ref<Record<string, FeatureNode | undefined>>({}));
const outerBoundingRect = inject(BoundsInjectionKey, ref<DOMRect | undefined>(undefined)); const outerBoundingRect = inject(BoundsInjectionKey, ref<DOMRect | undefined>(undefined));
const boundingRect = ref<DOMRect | undefined>(undefined); const boundingRect = ref<DOMRect | undefined>(resizeListener.value?.getBoundingClientRect());
watch( watch(
[outerBoundingRect], outerBoundingRect,
() => (boundingRect.value = resizeListener.value?.getBoundingClientRect()) () => (boundingRect.value = resizeListener.value?.getBoundingClientRect())
); );
onMounted(() => (boundingRect.value = resizeListener.value?.getBoundingClientRect()));
const validLinks = computed(() => { const validLinks = computed(() => {
const n = nodes.value; const n = nodes.value;