Tooltip new fitContent property

[ataylor32]

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

CodeSandbox Case (Bug Reports)

https://codesandbox.io/s/brave-leaf-f6zl7l?file=/src/App.vue

Current behavior

Sometimes the tooltip's automatic positioning works great and other times it doesn't. Here is a short video that demonstrates this:

Tooltip.mp4

Expected behavior

If the tooltip detects that it doesn't have much room for words to be displayed in a manner that's easy to read, it should choose a different position.

Minimal reproduction of the problem with instructions

Go to the CodeSandbox link above and hover over the buttons. See the above video for a demo of the bug.

What is the motivation / use case for changing the behavior?

Fixing this would make tooltips easier to read.

Please tell us about your environment:

I develop on macOS using Visual Studio Code

• Vue version: 3.X

• PrimeVue version: 3.12.X

• Browser: I've confirmed this issue using Chrome on both macOS and Windows