fix: ensure [disabled] styling

adobe · Jan 20, 2021 · 4c067eb · 4c067eb
1 parent 57d5c14
commit 4c067eb
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/packages/checkbox/src/checkbox.css b/packages/checkbox/src/checkbox.css
@@ -59,3 +59,7 @@ governing permissions and limitations under the License.
 :host(:empty) label {
     display: none;
 }
+
+:host([disabled]) {
+    pointer-events: none;
+}
diff --git a/packages/radio/src/radio.css b/packages/radio/src/radio.css
@@ -22,3 +22,9 @@ governing permissions and limitations under the License.
         6px
     );
 }
+
+/* End work around. */
+
+:host([disabled]) {
+    pointer-events: none;
+}
diff --git a/packages/switch/src/switch.css b/packages/switch/src/switch.css
@@ -25,6 +25,14 @@ governing permissions and limitations under the License.
     --spectrum-switch-handle-border-radius: 50%;
 }
 
+/* Not part of workaround. */
+
+:host([disabled]) {
+    pointer-events: none;
+}
+
+/* Continue work around... */
+
 :host([dir='ltr'][checked]) #input + #switch:before {
     /* [dir=ltr] .spectrum-Switch-input:checked+.spectrum-Switch-switch:before */
     transform: translateX(
@@ -44,3 +52,5 @@ governing permissions and limitations under the License.
         )
     );
 }
+
+/* End work around. */