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

fix(editor): Fix bug causing connection lines to disappear when hovering stickies (#11950)

Browse Source
This commit is contained in:
Alex Grozav
2024-11-28 16:22:20 +02:00
committed by GitHub
parent 5bcb6a3505
commit 439a1cc4f3
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/editor-ui/src/components/canvas/Canvas.vue
View File

@@ -350,7 +350,6 @@ const arrowHeadMarkerId = ref('custom-arrow-head');
const edgesHoveredById = ref<Record<string, boolean>>({});
const edgesBringToFrontById = ref<Record<string, boolean>>({});
const nodesHoveredById = ref<Record<string, boolean>>({});
onEdgeMouseEnter(({ edge }) => {
edgesBringToFrontById.value = { [edge.id]: true };
@@ -381,6 +380,13 @@ onEdgeMouseLeave(({ edge }) => {
edgesHoveredById.value = { [edge.id]: false };
});
function onUpdateEdgeLabelHovered(id: string, hovered: boolean) {
edgesBringToFrontById.value = { [id]: true };
edgesHoveredById.value[id] = hovered;
}
const nodesHoveredById = ref<Record<string, boolean>>({});
onNodeMouseEnter(({ node }) => {
nodesHoveredById.value = { [node.id]: true };
});
@@ -389,10 +395,6 @@ onNodeMouseLeave(({ node }) => {
nodesHoveredById.value = { [node.id]: false };
});
function onUpdateEdgeHovered(id: string, hovered: boolean) {
edgesHoveredById.value[id] = hovered;
}
/**
* Executions
*/
@@ -653,7 +655,6 @@ provide(CanvasKey, {
:read-only="readOnly"
:event-bus="eventBus"
:hovered="nodesHoveredById[nodeProps.id]"
:bring-to-front="nodesHoveredById[nodeProps.id]"
@delete="onDeleteNode"
@run="onRunNode"
@select="onSelectNode"
@@ -675,7 +676,7 @@ provide(CanvasKey, {
:bring-to-front="edgesBringToFrontById[edgeProps.id]"
@add="onClickConnectionAdd"
@delete="onDeleteConnection"
@update:hovered="onUpdateEdgeHovered(edgeProps.id, $event)"
@update:label:hovered="onUpdateEdgeLabelHovered(edgeProps.id, $event)"
/>
</template>