fix(core): add focus and focus-visible styles to nodes to avoid browser styles

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
2023-01-07 19:31:57 +01:00
parent c89c331436
commit 5258d263b0
2 changed files with 29 additions and 0 deletions
@@ -29,6 +29,13 @@
  cursor: grab;
 }

+.vue-flow__node.selectable {
+  &:focus,
+  &:focus-visible {
+     outline: none;
+   }
+}
+
 .vue-flow__node-default,
 .vue-flow__node-input,
 .vue-flow__node-output {
@@ -48,6 +55,13 @@
     box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
   }

+  &.selected,
+  &:focus,
+  &:focus-visible {
+     outline: none;
+     border: 1px solid var(--vf-node-color);
+   }
+
  .vue-flow__handle {
    background: var(--vf-handle);
  }