fix(core): set interaction edge styles so animation does not break pointer
This commit is contained in:
@@ -41,6 +41,7 @@ const BaseEdge: FunctionalComponent<BaseEdgeProps> = function (
|
|||||||
'fill': 'none',
|
'fill': 'none',
|
||||||
'stroke-opacity': 0,
|
'stroke-opacity': 0,
|
||||||
'stroke-width': interactionWidth,
|
'stroke-width': interactionWidth,
|
||||||
|
'class': 'vue-flow__edge-interaction',
|
||||||
})
|
})
|
||||||
: null,
|
: null,
|
||||||
label && isNumber(labelX) && isNumber(labelY)
|
label && isNumber(labelX) && isNumber(labelY)
|
||||||
|
|||||||
@@ -78,6 +78,11 @@
|
|||||||
animation: dashdraw 0.5s linear infinite;
|
animation: dashdraw 0.5s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.animated path.vue-flow__edge-interaction {
|
||||||
|
stroke-dasharray: none;
|
||||||
|
animation: none;
|
||||||
|
}
|
||||||
|
|
||||||
&.inactive {
|
&.inactive {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user