From 3949a949dfe112668c69a36d64e5f01a5aef1435 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Wed, 17 Nov 2021 11:13:58 -0500
Subject: [PATCH] fix(item): allow click targets inside of label (#24225)

* fix(item): allow click targets inside of label

* docs(label): document z-index usage in label
---
 core/src/components/item/item.scss      | 6 ------
 core/src/components/label/label.md.scss | 2 +-
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss
index e2c9578e8b..2934864c2c 100644
--- a/core/src/components/item/item.scss
+++ b/core/src/components/item/item.scss
@@ -309,12 +309,6 @@ button, a {
   z-index: 1;
 }
 
-// Setting pointer-events to none allows the label
-// to be clicked to open the select interface
-::slotted(ion-label) {
-  pointer-events: none;
-}
-
 ::slotted(ion-label:not([slot="end"])) {
   flex: 1;
 }
diff --git a/core/src/components/label/label.md.scss b/core/src/components/label/label.md.scss
index 217e3a7a4c..70b1472273 100644
--- a/core/src/components/label/label.md.scss
+++ b/core/src/components/label/label.md.scss
@@ -23,7 +23,6 @@
    /* stylelint-disable property-disallowed-list */
    transform-origin: top left;
    /* stylelint-enable property-disallowed-list */
-   z-index: 3;
  }
 
  :host(.label-stacked.label-rtl),
@@ -70,6 +69,7 @@
   background-color: $item-md-background;
 
   overflow: visible;
+  // Places the label on top of the item outline
   z-index: 3;
 
   &::before,