Merge branch '216001-fix-copy-button-hover' into 'master'

Fixes clipboard_button copy tooltip overlapping

See merge request gitlab-org/gitlab!30622

app/assets/javascripts/behaviors/copy_to_clipboard.js

@@ -17,10 +17,11 @@ function showTooltip(target, title) {
 }
 
 function genericSuccess(e) {
-  showTooltip(e.trigger, __('Copied'));
   // Clear the selection and blur the trigger so it loses its border
   e.clearSelection();
   $(e.trigger).blur();
+
+  showTooltip(e.trigger, __('Copied'));
 }
 
 /**

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

@@ -67,6 +67,7 @@ export default {
 <template>
   <gl-deprecated-button
     v-gl-tooltip="{ placement: tooltipPlacement, container: tooltipContainer }"
+    v-gl-tooltip.hover.blur
     :class="cssClass"
     :title="title"
     :data-clipboard-text="clipboardText"

changelogs/unreleased/216001-fix-copy-button-hover.yml

+---
+title: Fixes overlapping tooltips when clicking copy buttons
+merge_request: 30622
+author:
+type: fixed