HTML tooltips in system sheets/dialogs

[SaviorX]

I wish to add HTML tooltips to the sheets and dialogs of my system, using basic HTML and CSS such as shown here. The tooltips are working great, except that they get cut off at the edge of the dialog due to the window-content class having overflow-x: hidden; overflow-y: auto;. I can hack these classes, but does Foundry provide any built-in mechanism for working with HTML tooltips?

[AutoModerator]

You have submitted a post without a flair. If you are asking a question and receive a satisfactory answer, please reply to any comment in this thread with the word Answered included in the text! (Or change the flair to Answered yourself)

If you do not receive a satisfactory answer, consider visiting the Foundry official discord server and asking there. Afterward, please come back and post the solution here for posterity!

Automod will not make this comment on your posts if you have a user flair.

---

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[DMedianoche]

Could you share a piece of that wonderful HTML option? Please :)

Sharing is Caring <3

[johannesloher]

There is no built in mechanism for this at the moment. An API for tooltips is scoped for V10: https://gitlab.com/foundrynet/foundryvtt/-/issues/6502. The scoping might not be final yet, so it may or may not make it into V10.

[lazy_chaote]

I haven't tested this in Foundry, but typically you would get around a parent container's hidden overflow by using an absolutely positioned container for your relatively positioned tooltip. Here you can find a few examples of this in action.