1 files changed, 11 insertions, 4 deletions
diff --git a/app/assets/javascripts/work_items/components/work_item_detail_modal.vue b/app/assets/javascripts/work_items/components/work_item_detail_modal.vue
index faea80a9de8..1b8e97bf717 100644
--- a/app/assets/javascripts/work_items/components/work_item_detail_modal.vue
+++ b/app/assets/javascripts/work_items/components/work_item_detail_modal.vue
@@ -50,12 +50,16 @@ export default {
     return {
       error: undefined,
       updatedWorkItemId: null,
+      updatedWorkItemIid: null,
     };
   },
   computed: {
     displayedWorkItemId() {
       return this.updatedWorkItemId || this.workItemId;
     },
+    displayedWorkItemIid() {
+      return this.updatedWorkItemIid || this.workItemIid;
+    },
   },
   methods: {
     deleteWorkItem() {
@@ -122,6 +126,7 @@ export default {
     },
     closeModal() {
       this.updatedWorkItemId = null;
+      this.updatedWorkItemIid = null;
       this.error = '';
       this.$emit('close');
     },
@@ -134,9 +139,10 @@ export default {
     show() {
       this.$refs.modal.show();
     },
-    updateModal($event, workItemId) {
-      this.updatedWorkItemId = workItemId;
-      this.$emit('update-modal', $event, workItemId);
+    updateModal($event, workItem) {
+      this.updatedWorkItemId = workItem.id;
+      this.updatedWorkItemIid = workItem.iid;
+      this.$emit('update-modal', $event, workItem);
     },
   },
 };
@@ -150,6 +156,7 @@ export default {
     modal-id="work-item-detail-modal"
     header-class="gl-p-0 gl-pb-2!"
     scrollable
+    data-testid="work-item-detail-modal"
     @hide="closeModal"
   >
     <gl-alert v-if="error" variant="danger" @dismiss="error = false">
@@ -160,7 +167,7 @@ export default {
       is-modal
       :work-item-parent-id="issueGid"
       :work-item-id="displayedWorkItemId"
-      :work-item-iid="workItemIid"
+      :work-item-iid="displayedWorkItemIid"
       class="gl-p-5 gl-mt-n3 gl-reset-bg gl-isolate"
       @close="hide"
       @deleteWorkItem="deleteWorkItem"