admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 02:21:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Make sure connectors are clickable when overlapped by node description (#16765)

Browse Source
This commit is contained in:
Milorad FIlipović
2025-07-01 14:33:43 +02:00
committed by GitHub
parent 697a57f386
commit 38c2e6184c
4 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/frontend/editor-ui/src/components/canvas/elements/handles/render-types/parts/CanvasHandlePlus.vue
View File

@@ -25,6 +25,7 @@ const emit = defineEmits<{
const style = useCssModule(); const style = useCssModule();
const classes = computed(() => [ const classes = computed(() => [
'canvas-handle-plus-wrapper',
style.wrapper, style.wrapper,
style[props.position], style[props.position],
style[props.type], style[props.type],

2
packages/frontend/editor-ui/src/components/canvas/elements/handles/render-types/parts/__snapshots__/CanvasHandlePlus.test.ts.snap
View File

@@ -1,7 +1,7 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`CanvasHandlePlus > should render with default props 1`] = ` exports[`CanvasHandlePlus > should render with default props 1`] = `
"<svg data-test-id="canvas-handle-plus-wrapper" class="wrapper right default" viewBox="0 0 70 24" style="width: 70px; height: 24px;"> "<svg data-test-id="canvas-handle-plus-wrapper" class="canvas-handle-plus-wrapper wrapper right default" viewBox="0 0 70 24" style="width: 70px; height: 24px;">
<line class="line" x1="0" y1="12" x2="47" y2="12" stroke="var(--color-foreground-xdark)" stroke-width="2"></line> <line class="line" x1="0" y1="12" x2="47" y2="12" stroke="var(--color-foreground-xdark)" stroke-width="2"></line>
<g data-test-id="canvas-handle-plus" class="plus clickable" transform="translate(46, 0)"> <g data-test-id="canvas-handle-plus" class="plus clickable" transform="translate(46, 0)">
<rect class="clickable" x="2" y="2" width="20" height="20" stroke="var(--color-foreground-xdark)" stroke-width="2" rx="4" fill="var(--color-foreground-xlight)"></rect> <rect class="clickable" x="2" y="2" width="20" height="20" stroke="var(--color-foreground-xdark)" stroke-width="2" rx="4" fill="var(--color-foreground-xlight)"></rect>

1
packages/frontend/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue
View File

@@ -313,6 +313,7 @@ function onActivate(event: MouseEvent) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--spacing-4xs); gap: var(--spacing-4xs);
pointer-events: none;
} }
.label, .label,

5
packages/frontend/editor-ui/src/styles/plugins/_vueflow.scss
View File

@@ -79,6 +79,11 @@
&:has(.sticky--active) { &:has(.sticky--active) {
z-index: 1 !important; z-index: 1 !important;
} }
// Bump z-index for unconnected nodes
&:has(.canvas-handle-plus-wrapper):hover {
z-index: 2 !important;
}
} }
.vue-flow__nodes:has(.bring-to-front) { .vue-flow__nodes:has(.bring-to-front) {