[material-ui][Card] Components get highlighted and retain highlight after swipe gesture on Android 13+ devices

[ak-swap]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:
you can find minimal code example to reproduce the issue here

video:

XRecorder_17102023_143421.mp4

react-mui-cardActionArea-highlight-issue.mp4

Steps:

1. I am using react js + material ui, we are using Capacitor to build the native applications
2. My home page consists of the grid of cards, when I try to swipe back the cards get highlighted and retain the highlight even after the swipe gesture.

Current behavior 😯

cards get highlighted when the user is performing a gesture.

Expected behavior 🤔

cards should show the ripple animation only on the onClick event. It is working as expected on Android <=12 & iPhone.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  System:
    OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
  Binaries:
    Node: 18.17.0 - /usr/bin/node
    Yarn: Not Found
    npm: 10.2.0 - /usr/bin/npm
  Browsers:
    Chrome: 115.0.5790.170
  npmPackages:
    @emotion/react: ^11.11.1 => 11.11.1 
    @emotion/styled: ^11.11.0 => 11.11.0 
    @mui/base:  5.0.0-beta.21 
    @mui/core-downloads-tracker:  5.14.15 
    @mui/icons-material: ^5.14.16 => 5.14.15 
    @mui/lab: ^5.0.0-alpha.151 => 5.0.0-alpha.150 
    @mui/material: ^5.14.16 => 5.14.15 
    @mui/private-theming:  5.14.15 
    @mui/styled-engine:  5.14.15 
    @mui/system:  5.14.15 
    @mui/types:  7.2.7 
    @mui/utils:  5.14.15 
    @mui/x-date-pickers: ^6.17.0 => 6.17.0 
    @mui/x-tree-view:  6.0.0-alpha.1 
    @types/react: ^18.2.34 => 18.2.33 
    react: ^18.2.0 => 18.2.0 
    react-dom: ^18.2.0 => 18.2.0 
    typescript: ^5.2.2 => 5.2.2 

[mapache-salvaje]

Hey @Swapnil-pratiti ! 👋 Can you share a minimal example that reproduces the problem you're facing? A screen recording could be helpful too, to show exactly what you're describing.

[ak-swap]

Hi @samuelsycamore, I have added the minimal example and screen recording.

[akshay-rane]

@danilo-leal Any update on the issue ?

[akshay-rane]

Ping.