I translate novels and post chapters on my blog as “posts.” Sometimes, there are terms that don’t really translate well to English, and for that, in my old Wordpress blog, I would put some extra info about the term in a pop-up tooltip that the reader can choose to click or not. Doing so ensures that their reading is not disrupted, and that they don’t have to leave their position on the page (like in the case of footnotes).
For a platform focused on the publisher experience, I think having a native support for tooltips is a must. I’ve been scouring the web for some tooltip libraries that I could use, but I could never find one that was simple or responsive enough.
Most of these tooltip libraries would require me to use a button or a div tag to implement them, instead of just a simple span tag. This would’ve been okay if I’m using the tooltips for buttons, but considering that I need to implement the tooltips within blocks of text, it’s just not intuitive…
And the libraries I did found that worked well within paragraphs would end up looking weird in mobile. Some of the tooltips would get cut off or go out of the screen…
Lastly, if I do go manually adding tooltips using those libraries, that would mean I would have to use an html block every time I need to add a tooltip…and that really ruins the clean and distraction-free writing experience that I came for in Ghost, especially since I need to use the tooltips many times in a post