Add latest changes from gitlab-org/gitlab@master

6 files changed, 9 insertions, 1 deletions

diff --git a/app/assets/javascripts/boards/components/board_new_issue.vue b/app/assets/javascripts/boards/components/board_new_issue.vue
index 84c9191975e..8db366e4995 100644
--- a/app/assets/javascripts/boards/components/board_new_issue.vue
+++ b/app/assets/javascripts/boards/components/board_new_issue.vue
@@ -25,7 +25,7 @@ export default {
   },
   computed: {
     ...mapState(['selectedProject', 'fullPath']),
-    ...mapGetters(['isGroupBoard']),
+    ...mapGetters(['isGroupBoard', 'getBoardItemsByList']),
     formEventPrefix() {
       return toggleFormEventPrefix.issue;
     },
@@ -42,6 +42,7 @@ export default {
       const labels = this.list.label ? [this.list.label] : [];
       const assignees = this.list.assignee ? [this.list.assignee] : [];
       const milestone = getMilestone(this.list);
+      const firstItemId = this.getBoardItemsByList(this.list.id)[0]?.id;
 
       return this.addListNewIssue({
         list: this.list,
@@ -51,6 +52,7 @@ export default {
           assigneeIds: assignees?.map((a) => a?.id),
           milestoneId: milestone?.id,
           projectPath: this.projectPath,
+          moveAfterId: firstItemId,
         },
       }).then(() => {
         this.cancel();
diff --git a/app/assets/javascripts/boards/config_toggle.js b/app/assets/javascripts/boards/config_toggle.js
index 945a508c55d..1e54c2511b8 100644
--- a/app/assets/javascripts/boards/config_toggle.js
+++ b/app/assets/javascripts/boards/config_toggle.js
@@ -12,6 +12,7 @@ export default () => {
   // eslint-disable-next-line no-new
   new Vue({
     el,
+    name: 'ConfigToggleRoot',
     render(h) {
       return h(ConfigToggle, {
         props: {
diff --git a/app/assets/javascripts/boards/index.js b/app/assets/javascripts/boards/index.js
index 9f44380781e..f6073f9d981 100644
--- a/app/assets/javascripts/boards/index.js
+++ b/app/assets/javascripts/boards/index.js
@@ -64,6 +64,7 @@ function mountBoardApp(el) {
   // eslint-disable-next-line no-new
   new Vue({
     el,
+    name: 'BoardAppRoot',
     store,
     apolloProvider,
     provide: {
@@ -121,6 +122,7 @@ export default () => {
     // eslint-disable-next-line no-new
     new Vue({
       el: createColumnTriggerEl,
+      name: 'BoardAddNewColumnTriggerRoot',
       components: {
         BoardAddNewColumnTrigger,
       },
diff --git a/app/assets/javascripts/boards/mount_filtered_search_issue_boards.js b/app/assets/javascripts/boards/mount_filtered_search_issue_boards.js
index a8ade58e316..327fb9ba8d7 100644
--- a/app/assets/javascripts/boards/mount_filtered_search_issue_boards.js
+++ b/app/assets/javascripts/boards/mount_filtered_search_issue_boards.js
@@ -18,6 +18,7 @@ export default (apolloProvider, isSignedIn, releasesFetchPath) => {
 
   return new Vue({
     el,
+    name: 'BoardFilteredSearchRoot',
     provide: {
       initialFilterParams,
       isSignedIn,
diff --git a/app/assets/javascripts/boards/mount_multiple_boards_switcher.js b/app/assets/javascripts/boards/mount_multiple_boards_switcher.js
index 3838b4f2a83..0bc9cfbd867 100644
--- a/app/assets/javascripts/boards/mount_multiple_boards_switcher.js
+++ b/app/assets/javascripts/boards/mount_multiple_boards_switcher.js
@@ -16,6 +16,7 @@ export default (params = {}) => {
   const { dataset } = boardsSwitcherElement;
   return new Vue({
     el: boardsSwitcherElement,
+    name: 'BoardsSelectorRoot',
     components: {
       BoardsSelector,
     },
diff --git a/app/assets/javascripts/boards/toggle_focus.js b/app/assets/javascripts/boards/toggle_focus.js
index 0a230f72dcc..8f057e192dd 100644
--- a/app/assets/javascripts/boards/toggle_focus.js
+++ b/app/assets/javascripts/boards/toggle_focus.js
@@ -6,6 +6,7 @@ export default () => {
 
   return new Vue({
     el: '#js-toggle-focus-btn',
+    name: 'ToggleFocusRoot',
     render(h) {
       return h(ToggleFocus, {
         props: {