Safari Tooltip Incorrect Size Scaling in VictoryBar with VictoryTooltip #2835
Labels
Issue: Accepted
The submitted issue has been confirmed by the Victory core team
Type: Bug 🐛
Oh no! A bug or unintentional behavior
Is there an existing issue for this?
Code of Conduct
Victory version
"victory": "^37.0.0"
Code Sandbox link
Codesandbox
Bug report
Using the
join("\n")
method within thelabels
prop onVictoryBar
incorrectly scales the displayed tooltip upon hovering, increasing significantly in size, to a much larger degree than expected. To the best of my findings this only seems to happen in Safari, when utilizing theVictoryBar
component in conjunction withVictoryTooltip
as itslabelComponent.
Steps to reproduce
Expected behavior
The tooltip (VictoryTooltip) should maintain a consistent and appropriate size when hovered, similar to its behavior in other browsers, and should not excessively enlarge regardless of the amount of new lines in the label.
Google chrome:
Actual behavior
Upon hover, the size of the tooltip (VictoryTooltip) expands disproportionately, far beyond the expected degree of enlargement. This issue has been noted in Safari, while not manifesting in Google Chrome, the only other browser tested thus far. However, it's important to acknowledge that this behavior may extend to other browsers that have not yet been examined.
Safari:
Environment
The text was updated successfully, but these errors were encountered: