javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(item): tappable does not make ion-label pointer-event:none

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-12-08 22:54:38 +01:00
committed by Adam Bradley
parent 25e581a7ea
commit 4512c5c858
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/item/test/buttons/app-module.ts
View File

@ -9,6 +9,10 @@ export class E2EPage {
testClick(ev: any) {
console.log('CLICK!', ev.target.tagName, ev.target.textContent.trim());
}
testClickOutsize(ev: any) {
console.log('CLICK OUTSIDE!', ev.target.tagName, ev.target.textContent.trim());
}
}
@Component({

13
src/components/item/test/buttons/main.html
View File

@ -33,7 +33,7 @@
button[ion-item] danger
</button>
<ion-item>
<ion-item (click)="testClickOutsize($event)">
<button ion-button item-left (click)="testClick($event)">Default</button>
Inner Buttons
<button ion-button outline item-right (click)="testClick($event)">Outline</button>
@ -111,6 +111,17 @@
<ion-badge item-right>260k</ion-badge>
</button>
<ion-item (click)="testClickOutsize($event)">
<div>
<button ion-button icon-only clear item-right (click)="testClick($event)">
<ion-icon name="remove-circle"></ion-icon>
</button>
<button ion-button icon-only clear item-right (click)="testClick($event)">
<ion-icon name="add-circle"></ion-icon>
</button>
</div>
</ion-item>
</ion-content>

3
src/themes/normalize.scss vendored
View File

@ -156,8 +156,7 @@ textarea {
}
a ion-label,
button ion-label,
[tappable] ion-label {
button ion-label {
pointer-events: none;
}