From bd37e12bfa417b2482817dbed1186505d42fc9f6 Mon Sep 17 00:00:00 2001 From: Junhao Liao Date: Mon, 14 Oct 2024 00:36:56 -0400 Subject: [PATCH 1/2] Disable pointer events for log level tooltips to prevent underlying checkbox from being blocked. --- .../src/components/StatusBar/LogLevelSelect/index.css | 7 +++++++ .../src/components/StatusBar/LogLevelSelect/index.tsx | 1 + 2 files changed, 8 insertions(+) diff --git a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css index 2db444f2..9af61b69 100644 --- a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css +++ b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css @@ -18,4 +18,11 @@ .log-level-select-listbox { /* Disallow width auto-resizing with the `Select` button. */ max-width: 0; + margin-bottom: -3px !important; +} + +.log-level-select-option-text-tooltip { + /* Disable pointer events to prevent tooltips from blocking interaction with underlying + elements. */ + pointer-events: none; } diff --git a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx index a4b4c380..d51d243e 100644 --- a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx +++ b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx @@ -96,6 +96,7 @@ const LogSelectOption = ({ Date: Mon, 14 Oct 2024 00:52:16 -0400 Subject: [PATCH 2/2] Remove unrelated code. --- new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css | 1 - 1 file changed, 1 deletion(-) diff --git a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css index 9af61b69..20f12db5 100644 --- a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css +++ b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css @@ -18,7 +18,6 @@ .log-level-select-listbox { /* Disallow width auto-resizing with the `Select` button. */ max-width: 0; - margin-bottom: -3px !important; } .log-level-select-option-text-tooltip {