javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(segment): clicking disabled button no longer adds ripple to active button (#20254)

Browse Source 
fixes #20253
This commit is contained in:
Liam DeBeasi
2020-01-21 16:36:41 -05:00
committed by GitHub
parent 443cbd9eb2
commit f896821753
1 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
core/src/components/segment/segment.tsx
View File

@ -112,12 +112,14 @@ export class Segment implements ComponentInterface {
onEnd(detail: GestureDetail) { onEnd(detail: GestureDetail) {
this.activated = false; this.activated = false;
this.setNextIndex(detail, true); const checkedValidButton = this.setNextIndex(detail, true);
detail.event.preventDefault(); detail.event.preventDefault();
detail.event.stopImmediatePropagation(); detail.event.stopImmediatePropagation();
this.addRipple(detail); if (checkedValidButton) {
this.addRipple(detail);
}
} }
private getButtons() { private getButtons() {
@ -285,13 +287,24 @@ export class Segment implements ComponentInterface {
current = nextEl; current = nextEl;
} }
if (!current) { /* tslint:disable-next-line */
return; if (current != null) {
/**
* If current element is ion-segment then that means
* user tried to select a disabled ion-segment-button,
* and we should not update the ripple.
*/
if (current.tagName === 'ION-SEGMENT') {
return false;
}
if (previous !== current) {
this.checkButton(previous, current);
}
} }
if (previous !== current) { return true;
this.checkButton(previous, current);
}
} }
private emitStyle() { private emitStyle() {