Filter tooltip placement bug when creating a widget

[CelineSebe]

Description

The tooltips appear outside of the widget creation box (above or below).

Reproducible Steps

Steps to create the smallest reproducible scenario:
1- Go to a Dashboard > Create a widget
2- Horizontal bar > Knowledge Bar
3- Add a filter
4- Click on filter to scroll through all options

Expected Output

Actual Output

2024-02-19.15-16-22.mp4

Additional information

Screenshots (optional)

[jpkha]

In my opinion, we cannot fix this bug with the current component we are using.
The structure in the DOM here makes it impossible to manipulate the z-index and overflow; the tooltip element is at the same level as the presentation.

[jpkha]

@nino-filigran @jborozco IMO, the behavior is acceptable. But if you want to fix this, we need to find another tooltip component.

[nino-filigran]

After a discussion with @jpkha the ROI to change component is quite low, since its used in lots of places (and therefore we would need to change lots of components before the release). For now, we'll test only the ability to reduce the time during which the tooltip is displayed. IF the test is unsuccessful, then we'll tackle this as proper feature (to update the tooltip component)

cc @Kedae

[CelineSebe]

I found a solution with the prop: followCursor on the tooltip component

[nino-filigran]

That's great new @CelineSebe ! Could you either show or record a video? And this does not affect other places in the app?

[CelineSebe]

2024-02-28-15-42-32.mp4

[nino-filigran]

C'est royal :) merci beaucoup