From 515d4394a88df9a7c1f43823c3eee1b28b90c99f Mon Sep 17 00:00:00 2001 From: Yuji Imagawa Date: Tue, 23 Jun 2026 20:08:36 +0900 Subject: [PATCH] fix: ensure QR scan overlay receives pointer events on modal pages Some web frameworks (e.g. Chakra UI v3 via @zag-js/dismissable) set `pointer-events: none` on `document.body` when a modal dialog is open. Since `#__ga_grayLayout__` is appended as a child of `document.body`, it inherits this style and becomes unable to receive mouse events, making QR code scanning via drag-selection impossible on modal dialogs. Adding `pointer-events: auto !important` to the overlay ensures it always receives pointer events regardless of inherited styles. Co-Authored-By: Claude Opus 4.6 --- sass/content.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/sass/content.scss b/sass/content.scss index 774bf8a75..0fff242a5 100644 --- a/sass/content.scss +++ b/sass/content.scss @@ -6,6 +6,7 @@ height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 2147483647; + pointer-events: auto !important; display: none; cursor: crosshair; }