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) { testClick(ev: any) {
console.log('CLICK!', ev.target.tagName, ev.target.textContent.trim()); 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({ @Component({

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

@ -33,7 +33,7 @@
button[ion-item] danger button[ion-item] danger
</button> </button>
<ion-item> <ion-item (click)="testClickOutsize($event)">
<button ion-button item-left (click)="testClick($event)">Default</button> <button ion-button item-left (click)="testClick($event)">Default</button>
Inner Buttons Inner Buttons
<button ion-button outline item-right (click)="testClick($event)">Outline</button> <button ion-button outline item-right (click)="testClick($event)">Outline</button>
@ -111,6 +111,17 @@
<ion-badge item-right>260k</ion-badge> <ion-badge item-right>260k</ion-badge>
</button> </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> </ion-content>

3
src/themes/normalize.scss vendored
View File

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