From 2ff5aed9281dfa7527d02aa57fe4b283e8297501 Mon Sep 17 00:00:00 2001 From: Miles Malerba Date: Mon, 16 May 2022 21:21:12 +0000 Subject: [PATCH] fix(material-experimental/mdc-checkbox): Use cursor:pointer for label --- src/material-experimental/mdc-checkbox/checkbox.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/material-experimental/mdc-checkbox/checkbox.scss b/src/material-experimental/mdc-checkbox/checkbox.scss index 1c146a45a5cd..910222903430 100644 --- a/src/material-experimental/mdc-checkbox/checkbox.scss +++ b/src/material-experimental/mdc-checkbox/checkbox.scss @@ -74,6 +74,12 @@ } } + // Clicking the label toggles the checkbox, but MDC does not include any styles that inform the + // user of this. Therefore we add the pointer cursor on top of MDC's styles. + label { + cursor: pointer; + } + // The MDC styles result in extra padding if the label is present but empty. To fix this we hide // the label when it is empty. label:empty {