From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <yew-devel-bounces@lists.proxmox.com>
Received: from firstgate.proxmox.com (firstgate.proxmox.com [IPv6:2a01:7e0:0:424::9])
	by lore.proxmox.com (Postfix) with ESMTPS id 636D21FF165
	for <inbox@lore.proxmox.com>; Thu, 22 May 2025 10:52:55 +0200 (CEST)
Received: from firstgate.proxmox.com (localhost [127.0.0.1])
	by firstgate.proxmox.com (Proxmox) with ESMTP id C14FC30B5D;
	Thu, 22 May 2025 10:52:57 +0200 (CEST)
From: Dominik Csapak <d.csapak@proxmox.com>
To: yew-devel@lists.proxmox.com
Date: Thu, 22 May 2025 10:52:54 +0200
Message-Id: <20250522085254.893284-1-d.csapak@proxmox.com>
X-Mailer: git-send-email 2.39.5
MIME-Version: 1.0
X-SPAM-LEVEL: Spam detection results:  0
 AWL 0.022 Adjusted score from AWL reputation of From: address
 BAYES_00                 -1.9 Bayes spam probability is 0 to 1%
 DMARC_MISSING             0.1 Missing DMARC policy
 KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment
 RCVD_IN_VALIDITY_CERTIFIED_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to
 Validity was blocked. See
 https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more
 information.
 RCVD_IN_VALIDITY_RPBL_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to
 Validity was blocked. See
 https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more
 information.
 RCVD_IN_VALIDITY_SAFE_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to
 Validity was blocked. See
 https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more
 information.
 SPF_HELO_NONE           0.001 SPF: HELO does not publish an SPF Record
 SPF_PASS               -0.001 SPF: sender matches SPF record
Subject: [yew-devel] [PATCH yew-widget-toolkit-assets] disable pointer
 events for disabled inputs
X-BeenThere: yew-devel@lists.proxmox.com
X-Mailman-Version: 2.1.29
Precedence: list
List-Id: Yew framework devel list at Proxmox <yew-devel.lists.proxmox.com>
List-Unsubscribe: <https://lists.proxmox.com/cgi-bin/mailman/options/yew-devel>, 
 <mailto:yew-devel-request@lists.proxmox.com?subject=unsubscribe>
List-Archive: <http://lists.proxmox.com/pipermail/yew-devel/>
List-Post: <mailto:yew-devel@lists.proxmox.com>
List-Help: <mailto:yew-devel-request@lists.proxmox.com?subject=help>
List-Subscribe: <https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel>, 
 <mailto:yew-devel-request@lists.proxmox.com?subject=subscribe>
Reply-To: Yew framework devel list at Proxmox <yew-devel@lists.proxmox.com>
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Errors-To: yew-devel-bounces@lists.proxmox.com
Sender: "yew-devel" <yew-devel-bounces@lists.proxmox.com>

when an input is disabled, we should prevent all pointer events,
otherwise it can happen that the browser decides an element has focus
and will show an outline, which is not desired for mouse input on
disabled fields (only for keyboard navigation, but this is unaffected
with this change)

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 scss/_input.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/scss/_input.scss b/scss/_input.scss
index 5113fdd..b8ad81a 100644
--- a/scss/_input.scss
+++ b/scss/_input.scss
@@ -86,6 +86,7 @@ input {
     &[aria-disabled=true]{
         cursor: auto;
         opacity: 0.5;
+        pointer-events: none;
     }
 }
 
@@ -177,6 +178,7 @@ input {
     &.disabled {
         cursor: auto;
         opacity: 0.5;
+        pointer-events: none;
     }
 }
 
@@ -230,6 +232,7 @@ input {
     &.disabled {
         cursor: auto;
         opacity: 0.5;
+        pointer-events: none;
     }
 
     &.disabled.checked {
@@ -311,6 +314,7 @@ input {
     &:disabled {
         cursor: auto;
         opacity: 0.5;
+        pointer-events: none;
     }
 }
 
-- 
2.39.5



_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel