From 7a461c59c5d9a23de0bcdd53397f452d17251fd6 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Tue, 18 Feb 2020 14:02:34 -0500 Subject: [PATCH] fix(segment): do not show ripple effect if disabled via config (#20542) fixes #20533 --- core/src/components/segment/segment.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/core/src/components/segment/segment.tsx b/core/src/components/segment/segment.tsx index 878be574d0..57b775568a 100644 --- a/core/src/components/segment/segment.tsx +++ b/core/src/components/segment/segment.tsx @@ -1,5 +1,6 @@ import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, Watch, h, writeTask } from '@stencil/core'; +import { config } from '../../global/config'; import { getIonMode } from '../../global/ionic-global'; import { Color, SegmentChangeEventDetail, StyleEventDetail } from '../../interface'; import { Gesture, GestureDetail } from '../../utils/gesture'; @@ -145,6 +146,9 @@ export class Segment implements ComponentInterface { * and where the cursor ended. */ private addRipple(detail: GestureDetail) { + const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true); + if (!useRippleEffect) { return; } + const buttons = this.getButtons(); const checked = buttons.find(button => button.value === this.value);