refactor(panel): simplify / fix panel pointer events #5356
This commit is contained in:
@@ -1,19 +1,11 @@
|
||||
<script lang="ts">
|
||||
import type { PanelProps } from './types';
|
||||
import { useStore } from '$lib/store';
|
||||
|
||||
let { position = 'top-right', style, class: className, children, ...rest }: PanelProps = $props();
|
||||
|
||||
let store = $derived(useStore());
|
||||
|
||||
let positionClasses = $derived(`${position}`.split('-'));
|
||||
</script>
|
||||
|
||||
<div
|
||||
class={['svelte-flow__panel', className, ...positionClasses]}
|
||||
{style}
|
||||
style:pointer-events={store.selectionRectMode ? 'none' : ''}
|
||||
{...rest}
|
||||
>
|
||||
<div class={['svelte-flow__panel', className, ...positionClasses]} {style} {...rest}>
|
||||
{@render children?.()}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user