Tooltip issues

[wordpure]

Problem

1. Prompt will not adjust position according to window edge

   

   

2. Text with a hint is center-aligned instead of left-aligneAlignment of one tooltip text is centered instead of left justified for other tooltips

   

URL

irrelevant

Version

0.8

Browser

Firefox 114

OS

Windows 11

Device

PC

[sixcious]

Hi again wordpure, thank you for opening this issue!

1. Yes, I'm aware of this one. I use balloon.css for tooltips, and unfortunately, while minimal, it's a pure CSS library, so it doesn't contain JavaScript logic to reposition tooltips, and so sometimes they might not fit on the user's screen. There's really not much I can do unless I change to a JavaScript tooltip library like Tippy or Floating UI, which would be a big task. I was considering using Material Design's own tooltips, but that was a very, very long-term goal. Your second screenshot is only an issue for zh/zh_CN though it would be resolved by me changing to a JS library. (This is what it looks like in English.)

2. Yes, I remember that one; it was a bit of a pain to add a tooltip for that specific Material button, since it also opens a dialog. I updated the CSS here on GitHub, so it's left-aligned now and will be ready for the next version of Infy.

I'll give this tooltip repositioning issue some more thought whenever I can come back to work on Infy.

Thank you! 💜