Move action buttons to footer

ee/app/assets/javascripts/vulnerabilities/components/vulnerability_state_dropdown.vue

@@ -83,18 +83,20 @@ export default {
       <div class="pl-4">{{ stateItem.description }}</div>
     </li>
 
-    <div class="text-right p-3">
-      <gl-button ref="cancel-button" class="mr-2" @click="closeDropdown">
-        {{ __('Cancel') }}
-      </gl-button>
-      <gl-button
-        ref="save-button"
-        variant="success"
-        :disabled="selected === initialStateItem"
-        @click="saveState(selected)"
-      >
-        {{ s__('VulnerabilityManagement|Change status') }}
-      </gl-button>
-    </div>
+    <template #footer>
+      <div class="text-right px-3">
+        <gl-button ref="cancel-button" class="mr-2" @click="closeDropdown">
+          {{ __('Cancel') }}
+        </gl-button>
+        <gl-button
+          ref="save-button"
+          variant="success"
+          :disabled="selected === initialStateItem"
+          @click="saveState(selected)"
+        >
+          {{ s__('VulnerabilityManagement|Change status') }}
+        </gl-button>
+      </div>
+    </template>
   </gl-dropdown>
 </template>

ee/changelogs/unreleased/320838-vulnerability-status-dropdown-actions-should-not-scroll.yml

+---
+title: Move action buttons to dropdown footer
+merge_request: 54767
+author:
+type: changed