Disable ripple effect in custom button card not working on android

Configuration Frontend
1

Hi, I tried asking in the oficial post but no answer. I’m trying to disable the ripple effect in a custom button card but not working on android, on iOS and pc (chrome) works. If I try to change the color works right, it seems to be the opacity value. Is there any other way to do it? Tried with pointer-events: none and works but I loose the click behavior.

Thanks in advance

styles:
  card:
    - --mdc-ripple-color: transparent
    - --mdc-ripple-press-opacity: 0
2

Hi, I have the same problem. The button flashes when I touch on my android phone. I found set the CSS style -webkit-tap-highlight-color to transparent could solve this problem.

styles:
  card:
    - --mdc-ripple-color: transparent
    - -webkit-tap-highlight-color: transparent
1 Like