From 0dab86987a75841f73e2b9e2b7dc20e200275a37 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Fri, 21 Apr 2023 16:11:23 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=8D=95=E7=BB=84=E4=BB=B6=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4,=20readyOnly=E6=97=B6=E6=97=A0=E7=84=A6=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/form/checkbox.js | 2 +-
 src/form/radio.js    | 2 +-
 src/form/switch.js   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/form/checkbox.js b/src/form/checkbox.js
index e3af97b..8c4edc5 100644
--- a/src/form/checkbox.js
+++ b/src/form/checkbox.js
@@ -251,7 +251,7 @@ class CheckboxItem extends Component {
 
   render() {
     return html` <label
-      tabindex=${this.disabled ? 'none' : 0}
+      tabindex=${this.disabled || this.readOnly ? 'none' : 0}
       @click=${this.handleClick}
       @keydown=${this.handleClick}
     >
diff --git a/src/form/radio.js b/src/form/radio.js
index befb5be..e18093d 100644
--- a/src/form/radio.js
+++ b/src/form/radio.js
@@ -247,7 +247,7 @@ class RadioItem extends Component {
 
   render() {
     return html` <label
-      tabindex=${this.disabled ? 'none' : 0}
+      tabindex=${this.disabled || this.readOnly ? 'none' : 0}
       @click=${this.handleClick}
       @keydown=${this.handleClick}
     >
diff --git a/src/form/switch.js b/src/form/switch.js
index 7fbf08b..b140f32 100644
--- a/src/form/switch.js
+++ b/src/form/switch.js
@@ -209,7 +209,7 @@ class Switch extends Component {
   render() {
     let classes = classMap({ dot: true, open: this.value })
     return html` <label
-      tabindex=${this.disabled ? 'none' : 0}
+      tabindex=${this.disabled || this.readOnly ? 'none' : 0}
       @click=${this.handleClick}
       @keydown=${this.handleClick}
     >