fix: Fix the issue of Tooltip position offset when there is no scroll bar on the page #1421
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What does it do?
Fixed an issue where the position of the tooltip shifted when the hover was first placed on the icon without a scroll bar on the page.
Adjusted the CSS style to ensure that the tooltip performs consistently on the first hover and subsequent hovers.
Why is it needed?
The previous issue resulted in poor user experience, as the offset of the tooltip position when the hover is first placed on the icon can cause confusion.
This modification fixes this issue and improves the usability of the user interface.
How to test it?
Open the application on a page without a scroll bar, Please refer to the demo document address:
https://api-0khig.strapidemo.com/admin/plugins/content-type-builder/content-types/api::place.place
Try hovering on the icon for the first time and observe if the position of the tooltip is correct.
Hover again on the icon and check if there is no positional offset.
Related issue(s)/PR(s)
Fixed: #1420