Bug 2: Tooltip Displays on Clicking
Explore how to debug and handle tooltip display issues triggered by clicking and text selection using JavaScript events such as selectionchange and mouseup. Understand how to manage selection detection with the Selection API to create responsive tooltips that behave correctly during user interactions.
We'll cover the following...
Clicking displays the Tooltip
There’s an event JavaScript allows to be listened for – onselect. However, the docs show that it only applies to text in textarea or input elements. We’re going to have to rely on onmouseup and onmousedown then. How about if the user triggered onmousedown and onmouseup on an article div, and it wasn’t the same position. That must imply some text was selected.
This works, but play around with it, can you see if it introduces another bug?
Since that doesn’t work, we can just check whether there is a ...