From b5190b8583f657fa3076058b9fc8f855662e9191 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Tue, 18 Feb 2025 11:30:15 +0100
Subject: [PATCH] fix(material/checkbox): ensure native control receives clicks

The `input` element inside the checkbox was stacked under some other elements which might prevent clicks. These changes ensure it's stacked on top.

Fixes #30494.
---
 src/material/checkbox/_checkbox-common.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/material/checkbox/_checkbox-common.scss b/src/material/checkbox/_checkbox-common.scss
index 2a2392a96976..bf97e1c6fa09 100644
--- a/src/material/checkbox/_checkbox-common.scss
+++ b/src/material/checkbox/_checkbox-common.scss
@@ -49,6 +49,7 @@ $_fallback-size: 40px;
       padding: 0;
       opacity: 0;
       cursor: inherit;
+      z-index: 1;
 
       @include token-utils.use-tokens($prefix, $slots) {
         $layer-size: token-utils.get-token-variable(state-layer-size, $fallback: $_fallback-size);