new-log-viewer: Tooltip blocking interaction with log level select options.

[junhaoliao]

Bug

It was discovered that interacting with log level select checkboxes could be difficult due to the options text tooltip blocking mouse events. When hovering over the tooltip, it interferes with the ability to click or select log levels with the checkboxes directly. Currently, users must move the cursor away from the tooltip until it disappears, then interact with the underlying checkbox, leading to a frustrating experience.

yscope-log-viewer version

ae24669

Environment

Node.js: v18.20.4
Microsoft Edge: Version 130.0.2849.35 (Official build) stable app, beta channel (64-bit)

Reproduction steps

1. Launch the debug server and view the app in the browser.
2. Click on the log level select button.
3. Hover onto any log level option's text part and observe the tooltip being displayed.
4. Move the mouse cursor onto the tooltip, and the tooltip stays until the cursor is moved away, effectively blocking the checkbox beneath it.