Support ability to define a CSS class to forcibly display tooltips

[emyarod]

Summary

Our current tooltip implementation assumes that the trigger element can support pseudo-elements. This causes a problem in cases where elements like input (which cannot have pseudo-elements) become the desired trigger element for a tooltip (#3018). To deal with this, we must place the tooltip on a containing element that supports pseudo-elements. However this creates another issue where the tooltip trigger is no longer the desired trigger element (as the desired trigger element is nested within the actual trigger element).

To get around this issue, we need a way to display the tooltip (attached to the parent element) when the child element is focused. One solution for this is the :focus-within pseudo-selector, but this is unsupported in IE11 and Edge. So an alternative solution would be to define a CSS class that contains the styles necessary to show the tooltip

"Must have" functionality

the user can define a class which will display the tooltip

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

As there's been no activity since this issue was marked as stale, we are auto-closing it.