Merge branch '60987-emoji-picker-popup' into 'master'

Fix emoji picker popup is not always fully visible

Closes #60987

See merge request gitlab-org/gitlab-ce!28984

app/assets/javascripts/notes/components/note_actions.vue

@@ -147,6 +147,7 @@ export default {
         class="note-action-button note-emoji-button js-add-award js-note-emoji"
         href="#"
         title="Add reaction"
+        data-position="right"
       >
         <icon css-classes="link-highlight award-control-icon-neutral" name="slight-smile" />
         <icon css-classes="link-highlight award-control-icon-positive" name="smiley" />

changelogs/unreleased/60987-emoji-picker-popup.yml

@@ -0,0 +1,5 @@
+---
+title: Fix emoji picker visibility issue
+merge_request: 28984
+author:
+type: fixed

spec/javascripts/notes/components/note_actions_spec.js

@@ -58,6 +58,7 @@ describe('noteActions', () => {
 
     it('should render emoji link', () => {
       expect(wrapper.find('.js-add-award').exists()).toBe(true);
+      expect(wrapper.find('.js-add-award').attributes('data-position')).toBe('right');
     });
 
     describe('actions dropdown', () => {