ツールチップv2.0

1年前にCSSで実装してみたツールチップですが、
端に位置する単語に設定すると
一部が画面外に飛び出してしまって読めない不具合があったので、
JavaScriptで実装し直してみました。
こんな感じで、画面外に飛び出しそうな時は
左右にずれて画面内に収まるように表示してくれます。
一方で、ツールチップ内での<br>改行は出来なくなってしまいましたが。
それはそもそもツールチップ内に長文を書くなという話か。

まともにJavaScriptを触るのはこれが初めてなのですが、
今時は生成AIでコーディング出来るから有難いですね。
でも、ノーコードは絶対反対マンです。