prevent draggable card to get focused when using mouse

argilla-io · Aug 1, 2023 · e913871 · e913871
1 parent 5432e57
commit e913871
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/...uestions-form/fields/shared-components/drag-and-drop-selection/DndSelection.component.vue b/...uestions-form/fields/shared-components/drag-and-drop-selection/DndSelection.component.vue
@@ -228,6 +228,9 @@ $max-visible-card-items: 12;
       background: $card-ghost-color;
       color: $card-primary-color;
       box-shadow: $shadow-500;
+      &:focus {
+        outline: none;
+      }
     }
     &.ghost-ticket {
       background: $card-empty-color;
@@ -250,7 +253,7 @@ $max-visible-card-items: 12;
       &:focus {
         outline: 2px solid $card-primary-color;
       }
-      &:not(:firt-of-type):focus:not(:focus-visible) {
+      &:focus:not(:focus-visible) {
         outline: none;
       }
       &:hover {
@@ -265,7 +268,7 @@ $max-visible-card-items: 12;
       &:focus {
         outline: 2px solid palette(apricot);
       }
-      &:not(:firt-of-type):focus:not(:focus-visible) {
+      &:focus:not(:focus-visible) {
         outline: none;
       }
     }