Keep code dropdown open when focusing clone inputs

When you open the code dropdown and click the "Clone with..." URL field,
the dropdown closes before the focus takes effect because of
the default GlDisclosureDropdown behavior (:auto-close="true")

This MR:
- Sets :auto-close="false" on the CodeDropdown
- Closes the dropdown separately when link-type items are clicked
... so that the "Clone with..." URL field can be focused

Changelog: fixed

app/assets/javascripts/vue_shared/components/code_dropdown/code_dropdown.vue

@@ -116,6 +116,11 @@ export default {
       };
     },
   },
+  methods: {
+    closeDropdown() {
+      this.$refs.dropdown.close();
+    },
+  },
   vsCodeBaseUrl: 'vscode://vscode.git/clone?url=',
   jetBrainsBaseUrl:
     'jetbrains://idea/checkout/git?idea.required.plugins.id=Git4Idea&checkout.repo=',
@@ -131,6 +136,7 @@ export default {
 </script>
 <template>
   <gl-disclosure-dropdown
+    ref="dropdown"
     :toggle-text="$options.i18n.defaultLabel"
     category="primary"
     variant="confirm"
@@ -138,6 +144,7 @@ export default {
     class="code-dropdown gl-text-left"
     fluid-width
     data-testid="code-dropdown"
+    :auto-close="false"
   >
     <gl-disclosure-dropdown-group v-if="sshUrl">
       <clone-dropdown-item
@@ -169,12 +176,18 @@ export default {
         test-id="copy-http-url-button"
       />
     </gl-disclosure-dropdown-group>
-    <gl-disclosure-dropdown-group :group="ideGroup" bordered />
-    <gl-disclosure-dropdown-group v-if="directoryDownloadLinks" :group="sourceCodeGroup" bordered />
+    <gl-disclosure-dropdown-group :group="ideGroup" bordered @action="closeDropdown" />
+    <gl-disclosure-dropdown-group
+      v-if="directoryDownloadLinks"
+      :group="sourceCodeGroup"
+      bordered
+      @action="closeDropdown"
+    />
     <gl-disclosure-dropdown-group
       v-if="currentPath && directoryDownloadLinks"
       :group="directoryDownloadLinksGroup"
       bordered
+      @action="closeDropdown"
     />
   </gl-disclosure-dropdown>
 </template>