ToolTip Icon: Tooltip in IE is separated from pointer

What package(s) are you using?

• [x ] carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you’re having. Looking at the tooltip in IE, the tooltip is separated from the pointer (triangle).

Is this issue related to a specific component? tooltip icon https://angular.carbondesignsystem.com/?path=/story/tooltip-icon--basic

I’ve been asked to open an issue here since seems to be an issue with the base css.

What did you expect to happen? What happened instead? What would you like to see changed? Tooltip attached to the tip. In IE the bottom tooltip placement is looking like a top since its separated from the tip

What browser are you working in? IE 11

What version of the Carbon Design System are you using? v10.4.1 carbon-angular - 3.13.2

What offering/product do you work on? Any pressing ship or release dates we should be aware of? IWR

Angular issue that I opened up: https://github.com/IBM/carbon-components-angular/issues/684

[emyarod]

@elizabethsjudd ~~https://github.com/carbon-design-system/carbon/pull/3739/commits/d6185457693012a1a6ab5468ca9945fa10cfea49~~ https://github.com/carbon-design-system/carbon/pull/3739/commits/bd1a1ed47809badf9c844ac01bb20a5f8083dcca in #3739 addresses that. might be helpful for you to review that PR for me as well since it builds on top of your work

[elizabethsjudd]

@emyarod is there an issue to fix the the width: max-content issue in the backlog already or does that need to be created? We’ve ran in to the issue in Watson Health as well and didn’t want to create a duplicate issue.