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',
|
||||
'stroke-opacity': 0,
|
||||
'stroke-width': interactionWidth,
|
||||
'class': 'vue-flow__edge-interaction',
|
||||
})
|
||||
: null,
|
||||
label && isNumber(labelX) && isNumber(labelY)
|
||||
|
||||
@@ -78,6 +78,11 @@
|
||||
animation: dashdraw 0.5s linear infinite;
|
||||
}
|
||||
|
||||
&.animated path.vue-flow__edge-interaction {
|
||||
stroke-dasharray: none;
|
||||
animation: none;
|
||||
}
|
||||
|
||||
&.inactive {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user