chore(additional-components): disable pointer events on user selection
This commit is contained in:
@@ -4,12 +4,12 @@ import type { PanelProps } from './types'
|
|||||||
|
|
||||||
const props = defineProps<PanelProps>()
|
const props = defineProps<PanelProps>()
|
||||||
|
|
||||||
const pointerEvents = useVueFlow()
|
const { userSelectionActive } = useVueFlow()
|
||||||
const positionClasses = computed(() => `${props.position}`.split('-'))
|
const positionClasses = computed(() => `${props.position}`.split('-'))
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="vue-flow__panel" :class="positionClasses" :style="{ pointerEvents }">
|
<div class="vue-flow__panel" :class="positionClasses" :style="{ pointerEvents: userSelectionActive ? 'none' : 'all' }">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user