Fixed assignees tooltip clipping in sidebar

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/32512

app/assets/javascripts/sidebar/components/assignees/assignees.js

@@ -187,6 +187,7 @@ export default {
             >
               <a
                 class="user-link has-tooltip"
+                data-container="body"
                 data-placement="bottom"
                 :href="assigneeUrl(user)"
                 :data-title="user.name"

spec/javascripts/sidebar/assignees_spec.js

@@ -187,6 +187,21 @@ describe('Assignee component', () => {
       expect(component.$el.querySelector('.user-list-more')).toBe(null);
     });
 
+    it('sets tooltip container to body', () => {
+      const users = UsersMockHelper.createNumberRandomUsers(2);
+      component = new AssigneeComponent({
+        propsData: {
+          rootPath: 'http://localhost:3000',
+          users,
+          editable: true,
+        },
+      }).$mount();
+
+      expect(
+        component.$el.querySelector('.user-link').getAttribute('data-container'),
+      ).toBe('body');
+    });
+
     it('Shows the "show-less" assignees label', (done) => {
       const users = UsersMockHelper.createNumberRandomUsers(6);
       component = new AssigneeComponent({