Positioning of tourtip

[cc-ebay]

Bug Report Feature Request

eBayUI Version: 11 and 12

Description

According to the Playbook:

Preferred placement
Tourtips can have a preferred placement in relation to their anchor element. The tourtip will default to this placement as long as it will fit within the viewport. Otherwise, it will adjust its placement to fit.

Currently the tour tip is pretty dumb when it comes to positioning. A good solution requires more JS code.
Good examples of adaptive positioning are in TippyJS and the good old qTips2.

I would also add that the style-* attributes are not very useful. When used they also remove the transform: translate... that most of the time is useful.

The tooltip should definitely be "centered" accordingly to the target and ideally should also change the position according to the space available in the viewport.

Workaround

None at the time. Pick a good position and cross your fingers.

Screenshots

This is Tippy:

[agliga]

Closing: dup of #535