@gitlab/ui 86.9.0 → 86.9.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [86.9.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v86.9.0...v86.9.1) (2024-07-11)
+
+
+### Bug Fixes
+
+* **disclosure-dropdown:** correctly close on item selection ([9e21f53](https://gitlab.com/gitlab-org/gitlab-ui/commit/9e21f5385860862a520f8ae72d58721da6433d1c))
+
 # [86.9.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v86.8.0...v86.9.0) (2024-07-11)
 
 

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js

@@ -321,12 +321,16 @@ var script = {
       this.$refs.baseDropdown.closeAndFocus();
     },
     handleAction(action) {
-      /**
-       * Emitted when one of disclosure dropdown items is clicked
-       *
-       * @event action
-       */
-      this.$emit('action', action);
+      // See https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/4376 for
+      // detailed explanation why we need requestAnimationFrame
+      window.requestAnimationFrame(() => {
+        /**
+         * Emitted when one of disclosure dropdown items is clicked
+         *
+         * @event action
+         */
+        this.$emit('action', action);
+      });
     },
     handleAutoClose(e) {
       if (this.autoClose && e.target.closest(ITEM_SELECTOR) && e.target.closest(DROPDOWN_SELECTOR) === this.$refs.baseDropdown.$el) {

package/dist/components/base/new_dropdowns/disclosure/mock_data.js

@@ -31,6 +31,13 @@ const mockItems = [{
     'data-method': 'put'
   }
 }];
+const mockButtons = [{
+  text: 'Checks'
+}, {
+  text: 'Projects'
+}, {
+  text: 'Standards'
+}];
 const mockItemsCustomItem = [{
   text: 'Assigned to you',
   href: 'https://gitlab.com/dashboard/merge_requests?assignee_username=root',
@@ -150,4 +157,4 @@ const mockProfileGroups = [{
   }]
 }];
 
-export { mockGroups, mockGroupsCustomItem, mockItems, mockItemsCustomItem, mockProfileGroups };
+export { mockButtons, mockGroups, mockGroupsCustomItem, mockItems, mockItemsCustomItem, mockProfileGroups };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "86.9.0",
+  "version": "86.9.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.vue

@@ -342,12 +342,16 @@ export default {
       this.$refs.baseDropdown.closeAndFocus();
     },
     handleAction(action) {
-      /**
-       * Emitted when one of disclosure dropdown items is clicked
-       *
-       * @event action
-       */
-      this.$emit('action', action);
+      // See https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/4376 for
+      // detailed explanation why we need requestAnimationFrame
+      window.requestAnimationFrame(() => {
+        /**
+         * Emitted when one of disclosure dropdown items is clicked
+         *
+         * @event action
+         */
+        this.$emit('action', action);
+      });
     },
     handleAutoClose(e) {
       if (

package/src/components/base/new_dropdowns/disclosure/mock_data.js

@@ -37,6 +37,18 @@ export const mockItems = [
   },
 ];
 
+export const mockButtons = [
+  {
+    text: 'Checks',
+  },
+  {
+    text: 'Projects',
+  },
+  {
+    text: 'Standards',
+  },
+];
+
 export const mockItemsCustomItem = [
   {
     text: 'Assigned to you',