Fix: Tooltip is hidden if container has overflow hidden

[lmuntaner]

Motivation

Part of the tooltip of the disabled "Disburse" button is hidden behind the island.

That's because the tooltip uses the window to calculate whether there is enough space to the left or right. The problem happens when the container where the tooltip lives has overflow: hidden.

The tooltip already received a containerSelector. Therefore, it can use the container to calculate the space to the left and right.

Changes

• Use the container element instead of the width to calculate the space in the left or right of the tooltip.

Tests

• Purely CSS changes.

Todos

• Add entry to changelog (if necessary).

[lmuntaner]

Before:

Now:

[lmuntaner]

@peterpeterparker please review

I checked tooltips in Wallet, Accounts, Neurons, Merge Neurons modal and so far all other tooltips look good also.

[lmuntaner]

I found one (not a regression) that still doesn't look good on mobile: Merging neurons.

I'll take a look in another PR because this is not a regression. It's also in main.

[peterpeterparker]

LGTM, thx

[dskloetd]

FYI, the proper way to deal with this is to place the tooltip at the root of the DOM where it's not inside any container with overflow: hidden.