1 files changed, 17 insertions, 3 deletions
diff --git a/app/assets/javascripts/boards/components/board_list.vue b/app/assets/javascripts/boards/components/board_list.vue
index edf1a5ee7e6..816b22e4dc6 100644
--- a/app/assets/javascripts/boards/components/board_list.vue
+++ b/app/assets/javascripts/boards/components/board_list.vue
@@ -1,12 +1,13 @@
 <script>
 import { GlLoadingIcon, GlIntersectionObserver } from '@gitlab/ui';
 import Draggable from 'vuedraggable';
-import { mapActions, mapGetters, mapState } from 'vuex';
+import { mapActions, mapState } from 'vuex';
 import { sprintf, __ } from '~/locale';
 import { defaultSortableOptions } from '~/sortable/constants';
 import { sortableStart, sortableEnd } from '~/sortable/utils';
 import Tracking from '~/tracking';
 import listQuery from 'ee_else_ce/boards/graphql/board_lists_deferred.query.graphql';
+import BoardCardMoveToPosition from '~/boards/components/board_card_move_to_position.vue';
 import { toggleFormEventPrefix, DraggableItemTypes } from '../constants';
 import eventHub from '../eventhub';
 import BoardCard from './board_card.vue';
@@ -27,8 +28,10 @@ export default {
     BoardNewEpic: () => import('ee_component/boards/components/board_new_epic.vue'),
     GlLoadingIcon,
     GlIntersectionObserver,
+    BoardCardMoveToPosition,
   },
   mixins: [Tracking.mixin()],
+  inject: ['isEpicBoard'],
   props: {
     disabled: {
       type: Boolean,
@@ -60,6 +63,9 @@ export default {
           filters: this.filterParams,
         };
       },
+      context: {
+        isSingleRequest: true,
+      },
       skip() {
         return this.isEpicBoard;
       },
@@ -67,7 +73,6 @@ export default {
   },
   computed: {
     ...mapState(['pageInfoByListId', 'listsFlags', 'filterParams', 'isUpdateIssueOrderInProgress']),
-    ...mapGetters(['isEpicBoard']),
     listItemsCount() {
       return this.isEpicBoard ? this.list.epicsCount : this.boardList?.issuesCount;
     },
@@ -309,7 +314,16 @@ export default {
         :data-draggable-item-type="$options.draggableItemTypes.card"
         :disabled="disabled"
         :show-work-item-type-icon="!isEpicBoard"
-      />
+      >
+        <!-- TODO: remove the condition when https://gitlab.com/gitlab-org/gitlab/-/issues/377862 is resolved -->
+        <board-card-move-to-position
+          v-if="!isEpicBoard"
+          :item="item"
+          :index="index"
+          :list="list"
+          :list-items-length="boardItems.length"
+        />
+      </board-card>
       <gl-intersection-observer @appear="onReachingListBottom">
         <li
           v-if="showCount"