search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.26k stars 32.12k forks source link

[material-ui][Tabs] Scrollable variant slow animation on iOS and don't set click during it #40429

Open andrii-shpontak opened 8 months ago

andrii-shpontak commented 8 months ago

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-tabs/#forced-scroll-buttons

Steps:

  1. Open the link through the mobile version of Safari
  2. Scroll through the tabs and try to click them while the animation is still running
  3. Shows the click animation but does not select the tab

Current behavior

When clicking on the tab, the animation of the tab has not yet finished, the tab is animated as clicked but is not set

Expected behavior

https://github.com/mui/material-ui/assets/107551457/e152059f-d2f3-4d9e-ae67-95c85b5fe050

Context

No response

Your environment

npx @mui/envinfo ``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

Search keywords: Tabs ios MUI scroll

alexshegera commented 8 months ago

I have the same problem

nekrasowa commented 8 months ago

This also became a problem in my project

michaldudak commented 7 months ago

What iOS version do you use? I couldn't reproduce it on 17.2.1 (iPhone 11 Pro)

andrii-shpontak commented 6 months ago

What iOS version do you use? I couldn't reproduce it on 17.2.1 (iPhone 11 Pro)

16.5 (iPhone 12)

This is not only an iPhone problem This problem also exists on android

michaldudak commented 5 months ago

I was able to reproduce the issue after all. As the team is busy preparing the next major version, it's unlikely we'll have the capacity to work on this issue in the near future. We can accept community contributions, though.