javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(item): allow click targets inside of label (#24225)

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

* docs(label): document z-index usage in label
This commit is contained in:
Sean Perkins
2021-11-17 11:13:58 -05:00
committed by GitHub
parent 5387bdb471
commit 3949a949df
2 changed files with 1 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/item/item.scss
View File

@ -309,12 +309,6 @@ button, a {
z-index: 1; 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"])) { ::slotted(ion-label:not([slot="end"])) {
flex: 1; flex: 1;
} }

2
core/src/components/label/label.md.scss
View File

@ -23,7 +23,6 @@
/* stylelint-disable property-disallowed-list */ /* stylelint-disable property-disallowed-list */
transform-origin: top left; transform-origin: top left;
/* stylelint-enable property-disallowed-list */ /* stylelint-enable property-disallowed-list */
z-index: 3;
} }
:host(.label-stacked.label-rtl), :host(.label-stacked.label-rtl),
@ -70,6 +69,7 @@
background-color: $item-md-background; background-color: $item-md-background;
overflow: visible; overflow: visible;
// Places the label on top of the item outline
z-index: 3; z-index: 3;
&::before, &::before,