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

fix(editor): Increase hover delay and hit area for canvas toolbar edge (#15125)

Browse Source
This commit is contained in:
oleg
2025-05-06 15:06:59 +02:00
committed by GitHub
parent dcf32679c3
commit cdcd059248
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.test.ts
View File

@@ -90,7 +90,7 @@ describe('CanvasEdge', () => {
await user.unhover(getByTestId('edge-label')); await user.unhover(getByTestId('edge-label'));
expect(getByTestId('canvas-edge-toolbar')).toBeInTheDocument(); expect(getByTestId('canvas-edge-toolbar')).toBeInTheDocument();
await vi.advanceTimersByTimeAsync(300); await vi.advanceTimersByTimeAsync(600);
expect(queryByTestId('canvas-edge-toolbar')).not.toBeInTheDocument(); expect(queryByTestId('canvas-edge-toolbar')).not.toBeInTheDocument();
}); });

2
packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.vue
View File

@@ -35,7 +35,7 @@ const connectionType = computed(() =>
const delayedHovered = ref(props.hovered); const delayedHovered = ref(props.hovered);
const delayedHoveredSetTimeoutRef = ref<NodeJS.Timeout | null>(null); const delayedHoveredSetTimeoutRef = ref<NodeJS.Timeout | null>(null);
const delayedHoveredTimeout = 300; const delayedHoveredTimeout = 600;
watch( watch(
() => props.hovered, () => props.hovered,

1
packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue
View File

@@ -63,6 +63,7 @@ function onDelete() {
align-items: center; align-items: center;
gap: var(--spacing-2xs); gap: var(--spacing-2xs);
pointer-events: all; pointer-events: all;
padding: var(--spacing-l);
} }
</style> </style>