[Lens] Keyboard-selected items follow user traversal of drop zones

x-pack/plugins/lens/public/drag_drop/drag_drop.scss

@@ -6,6 +6,21 @@
   transition: background-color $euiAnimSpeedFast ease-in-out, border-color $euiAnimSpeedFast ease-in-out;
 }
 
+.lnsDragDrop_ghost {
+  @include lnsDraggable;
+  border: $euiBorderWidthThin dashed $euiBorderColor;
+  position: absolute !important;  // sass-lint:disable-line no-important
+  margin: 0 !important;  // sass-lint:disable-line no-important
+  bottom: 100%;
+  width: 100%;
+  left: 0;
+  opacity: .9;
+  transform: translate(-12px, 8px);
+  z-index: $euiZLevel2;
+  pointer-events: none;
+  box-shadow: 0 0 0 $euiFocusRingSize $euiFocusRingColor;
+}
+
 // Draggable item
 .lnsDragDrop-isDraggable {
   @include lnsDraggable;
@@ -65,6 +80,7 @@
 
 .lnsDragDrop__container {
   position: relative;
+  overflow: visible !important; // sass-lint:disable-line no-important
 }
 
 .lnsDragDrop__reorderableDrop {
@@ -87,11 +103,6 @@
   z-index: $euiZLevel1;
 }
 
-// Draggable item when it is moving
-.lnsDragDrop-isHidden {
-  opacity: 0;
-}
-
 .lnsDragDrop__keyboardHandler {
   top: 0;
   position: absolute;
@@ -105,3 +116,18 @@
     pointer-events: none;
   }
 }
+
+// Draggable item when it is moving
+.lnsDragDrop-isHidden {
+  opacity: 0;
+}
+
+.lnsDragDrop-isHidden-noFocus {
+  opacity: 0;
+  .lnsDragDrop__keyboardHandler {
+    &:focus,
+    &:focus-within {
+      animation: none;
+    }
+  }
+}