fixed focused, selectable css

2024-01-18 15:50:21 +01:00
parent b6b3822787
commit e0d7dbe8a1
2 changed files with 3 additions and 2 deletions
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -186,6 +186,7 @@ export function EdgeWrapper({
            animated: edge.animated,
            inactive: !isSelectable && !onClick,
            updating: updateHover,
+            selectable: isSelectable,
          },
        ])}
        onClick={onEdgeClick}
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -139,8 +139,8 @@
  }

  &.selected .xy-flow__edge-path,
-  &:focus .xy-flow__edge-path,
-  &:focus-visible .xy-flow__edge-path {
+  &.selectable:focus .xy-flow__edge-path,
+  &.selectable:focus-visible .xy-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }