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

Merge pull request #4330 from xyflow/svelte-fix-panel

Browse Source 
removed pointer events from panel when user selection is active
This commit is contained in:
Moritz Klack
2024-06-04 14:27:55 +02:00
committed by GitHub
parent 0f44b8d4d2 717935d051
commit fb416ca5ad
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/container/Panel/Panel.svelte
+9 -1
View File
@@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import cc from 'classcat'; import cc from 'classcat';
import type { PanelProps } from './types'; import type { PanelProps } from './types';
import { useStore } from '$lib/store';
type $$Props = PanelProps; type $$Props = PanelProps;
@@ -10,9 +11,16 @@
let className: $$Props['class'] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
const { selectionRectMode } = useStore();
$: positionClasses = `${position}`.split('-'); $: positionClasses = `${position}`.split('-');
</script> </script>
<div class={cc(['svelte-flow__panel', className, ...positionClasses])} {style} {...$$restProps}> <div
class={cc(['svelte-flow__panel', className, ...positionClasses])}
{style}
style:pointer-events={$selectionRectMode ? 'none' : undefined}
{...$$restProps}
>
<slot /> <slot />
</div> </div>