Merge button in merge request does not update all UI components

Summary

On the merge request page, clicking the green "Merge" button removes the top orange "Close" button, but does not remove the bottom button. This is confusing to users because it does not indicate the request is closed after the merge. Clicking the close button after a merge causes an error message to appear.

Steps to reproduce

  1. Create a merge request.
  2. Open the merge request to be merged.
  3. Click the green "Merge" button.

Example Project

Any project will reproduce

What is the current bug behavior?

The top "Close merge request" button is changed to "Report abuse". The bottom "Comment & close merge request" button is not removed. If the page is reloaded, the "Comment & close merge request button is removed."

What is the expected correct behavior?

The "Comment & close merge request" button should be removed and there should be some user feedback that the request is also closed on the merge, preferably before the "Merge" button or /merge quick action has been used.

Relevant logs and/or screenshots

N/A

Output of checks

This bug happens on GitLab.com

Results of GitLab environment info

N/A

Results of GitLab application Check

N/A

Possible fixes

N/A