<!--- Please read this! Before opening a new issue, make sure to search for keywords in the issues filtered by the "regression" or "bug" label. For the Community Edition issue tracker: - https://gitlab.com/gitlab-org/gitlab-ce/issues?label_name%5B%5D=regression - https://gitlab.com/gitlab-org/gitlab-ce/issues?label_name%5B%5D=bug For the Enterprise Edition issue tracker: - https://gitlab.com/gitlab-org/gitlab-ee/issues?label_name%5B%5D=regression - https://gitlab.com/gitlab-org/gitlab-ee/issues?label_name%5B%5D=bug and verify the issue you're about to submit isn't a duplicate. ---> ### Summary When hovering on a user name in GitLab that has a status attached to it, in order to see the user details in the extended tooltip https://gitlab.com/gitlab-org/gitlab-ce/issues/50157, a total of 3 tooltips are displayed in a messy overlay: 1. The "user", with some of the profile information https://gitlab.com/gitlab-org/gitlab-ce/issues/50157 2. A black tooltip, the status information 3. A browser default tooltip, with the emoji name ### Steps to reproduce In GitLab, hover a user profile name that has a status attached to it (with an emoji). ### Example Project https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/issues/247#note_195833705 ### What is the current *bug* behavior? 3 different tooltips for 3 different informations are being displayed on hover. ### What is the expected *correct* behavior? Only 1 tooltip displayed on hover (with the user profile information). ### Relevant logs and/or screenshots  ### Output of checks This bug happens on GitLab.com ### Possible fixes * The status information should not be displayed in a black tooltip. Instead shown inside the user profile (white tooltip/popover). * The browser tooltip should be displayed only if the user hovers on the emoji, which should not trigger any other tooltips. Hovering the user name displays the user tooltip (with profile info)