Add latest changes from gitlab-org/gitlab@12-10-stable-ee

app/assets/javascripts/issue.js

@@ -87,9 +87,10 @@ export default class Issue {
   initIssueBtnEventListeners() {
     const issueFailMessage = __('Unable to update this issue at this time.');
 
-    return $(document).on(
+    // NOTE: data attribute seems unnecessary but is actually necessary
+    return $('.js-issuable-buttons[data-action="close-reopen"]').on(
       'click',
-      '.js-issuable-actions a.btn-close, .js-issuable-actions a.btn-reopen',
+      'a.btn-close, a.btn-reopen',
       e => {
         e.preventDefault();
         e.stopImmediatePropagation();
@@ -101,10 +102,7 @@ export default class Issue {
 
         this.disableCloseReopenButton($button);
 
-        const url = $button.data('close-reopen-url');
-        if (!url) {
-          return;
-        }
+        const url = $button.attr('href');
 
         return axios
           .put(url)

app/views/projects/issues/show.html.haml

@@ -30,7 +30,7 @@
     %a.btn.btn-default.float-right.d-block.d-sm-none.gutter-toggle.issuable-gutter-toggle.js-sidebar-toggle{ href: "#" }
       = icon('angle-double-left')
 
-  .detail-page-header-actions.js-issuable-actions
+  .detail-page-header-actions.js-issuable-actions.js-issuable-buttons{ data: { "action": "close-reopen" } }
     .clearfix.issue-btn-group.dropdown
       %button.btn.btn-default.float-left.d-md-none.d-lg-none.d-xl-none{ type: "button", data: { toggle: "dropdown" } }
         Options

app/views/shared/issuable/_close_reopen_report_toggle.html.haml

@@ -8,7 +8,7 @@
 
 .float-left.btn-group.prepend-left-10.issuable-close-dropdown.droplab-dropdown.js-issuable-close-dropdown
   = link_to "#{display_button_action} #{display_issuable_type}", close_reopen_issuable_path(issuable),
-            method: button_method, class: "#{button_class} btn-#{button_action}", title: "#{display_button_action} #{display_issuable_type}", data: { 'close-reopen-url': close_reopen_issuable_path(issuable) }
+            method: button_method, class: "#{button_class} btn-#{button_action}", title: "#{display_button_action} #{display_issuable_type}"
 
   = button_tag type: 'button', class: "#{toggle_class} btn-#{button_action}-color",
                data: { 'dropdown-trigger' => '#issuable-close-menu' }, 'aria-label' => 'Toggle dropdown' do

changelogs/unreleased/219323-no-event-fired-at-clicking-close-issue-button-in-issue-page.yml

+---
+title: Fix close issue when user created the issue
+merge_request: 33440
+author:
+type: fixed

spec/frontend/fixtures/static/issue_with_mermaid_graph.html

@@ -15,14 +15,14 @@
           <g class="edgeLabels"></g>
           <g class="nodes">
             <g
-              class="node js-issuable-actions btn-close clickable"
+              class="node js-issuable-buttons btn-close clickable"
               style="opacity: 1;"
               id="A"
               transform="translate(92.67500305175781,25.25)"
               title="click to PUT"
             >
               <a
-                class="js-issuable-actions btn-close clickable"
+                class="js-issuable-buttons btn-close clickable"
                 href="https://invalid"
                 rel="noopener"
               >