[Hint] "Моргание" курсора и хинта у края окна браузера IF-606

[iftruereturn]

• @skbkontur/react-ui - 2.16.0 (в CodeSandbox), 0.45.0 (в проекте)
• Chrome, 89.0.4389.128, Win10

1. Сделать разметку вида:

<Hint text="WorldWorldWorldWorld" pos="top left">
        Hello
</Hint>

2. Расположить текст с хинтом у правого края окна браузера.
3. Навести мышью на текст - курсор мыши будет "моргать", при определенном положении курсора иногда будет появляться хинт.
   https://codesandbox.io/s/eager-noether-n74p6?file=/src/App.js:143-220 - тут можно смотреть подробнее

Пример:

Кажется, было бы здорово, если бы курсор не моргал в случае, если хинт не может быть показан. Хотя, иногда он все-таки показывается на долю секунды, как видно на примере (будто показ хинта зависит от положения курсора на обернутом тексте)
Ну и было бы круто еще предусмотреть фолбек для положения хинта.

[lossir]

Есть ещё один кейс, и думаю у него тот же генезисис, как говорится ))

Если на странице появляется горизонтальный скролл и Hint находится в правой части контента, до которой надо скролить, то всплывашка скукоживается до минимума.

Актуально до версии 3.2.0, в которой появился этот фикс.

<=3.1.0	>3.1.0

Код для витрины:

<div style={{textAlign: 'right', width: 500}}>
  <Hint text="World" maxWidth={300} pos="top">Hello</Hint>
</div>