alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simplified viewport portals

Browse Source
This commit is contained in:
peterkogo
2025-04-16 16:04:36 +02:00
parent 201ed30bc6
commit b429c871a8
2 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/actions/portal/portal.svelte.ts
+1 -6
View File
@@ -1,11 +1,6 @@
import { useStore } from '$lib/store'; import { useStore } from '$lib/store';
type Portal = 'viewport' | 'edgelabel' | 'root'; type Portal = 'viewport' | 'root';
const selector: Record<Exclude<Portal, 'root'>, string> = {
viewport: '.svelte-flow__viewport-portal',
edgelabel: '.svelte-flow__edgelabel-renderer'
};
function tryToMount(node: Element, domNode: Element | null, target: Portal | undefined) { function tryToMount(node: Element, domNode: Element | null, target: Portal | undefined) {
if (!target || !domNode) { if (!target || !domNode) {
packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
+1 -1
View File
@@ -29,7 +29,7 @@
</script> </script>
<div <div
use:portal={'edgelabel'} use:portal={'viewport'}
class={['svelte-flow__edge-label', { transparent }, className]} class={['svelte-flow__edge-label', { transparent }, className]}
style:cursor={selectEdgeOnClick ? 'pointer' : undefined} style:cursor={selectEdgeOnClick ? 'pointer' : undefined}
style:transform="translate(-50%, -50%) translate({x}px,{y}px)" style:transform="translate(-50%, -50%) translate({x}px,{y}px)"