Tooltip misplaced when scrolling down

[Aaron-Bird]

This modification is bad, maybe using js is better.
I think it can't be done with css only, because overflow-y: auto and overflow-x: visible cannot be used on the same element
I closed this pr and opened another one to solve the problem

Description

Tooltip misplaced when scrolling down.
#3490 (review)

Issue fixed

This pr caused some style changes.
May these changes be accepted?

Type of changes

• 🔘 Bug fix (Change that fixed an issue)
• ⚪ Breaking change (Change that can cause existing functionality to change)
• ⚪ Improvement (Change that improves the code. Maybe performance or development improvement)
• ⚪ Feature (Change that adds new functionality)
• ⚪ Documentation change (Change that modifies documentation. Maybe typo fixes)

Checklist:

• ⚪ My code follows the project code style
• ⚪ I have written test for my code and it has been tested
• ⚪ All existing tests have been passed
• ⚪ I have attached a screenshot/video to visualize my change if possible