search

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
4.11k stars 1.27k forks source link

Pie chart animation breaks when double clicking docs page #10906

Open Studio384 opened 11 months ago

Studio384 commented 11 months ago

Steps to reproduce

Link to live example: https://mui.com/x/react-charts/pie-demo

Steps:

  1. Go to any page, e.g.: the Pie documentation
  2. Click the "Pie > Demo" menu item twice.

https://github.com/mui/mui-x/assets/1693592/a6cf1df7-26ba-4ce3-a39a-69cf59c533bb

Current behavior

The Pie chart animation will play until completion, then repeat and break.

Expected behavior

The Pie animation just plays once.

Context

No response

Your environment

Tested in Edge 119.0.2151.44.

Search keywords: pie chart animation

alexfauquette commented 11 months ago

It seems the transition did not reach the end state. Is it specific to Edge? I tried with chrome and FireFox, and did not managed to reproduce it 🤔

Studio384 commented 11 months ago

I am able to reproduce this issue in Chrome version 119.0.6045.106. It does not happen in Firefox for me.

LukasTy commented 11 months ago

FWIW, I was able to reproduce the issue using Chrome on MacOS, but it is very hard and requires very precise and long press of the menu item. Are you able to reproduce the problem reliably with every try in your case? 🤔 Maybe you could record a video with mouse actions being highlighted, so that we could extrapolate when and for how long do you press the mouse button to reproduce this problem. 🤷

Studio384 commented 11 months ago

I can do it fairly consistently (say 4 out of 5 times) on Edge and Chrome on Windows. A simple double-click does it for me (I now realize that "click twice" points to a different action than a double-click, my bad). I'll try and make a video highlighting mouse actions tonight.

While I was testing in Chrome just now, I also got it on simply reloading the page. This happened just once out of multiple times, but it may help in finding what the issue is.

https://github.com/mui/mui-x/assets/1693592/8b7d9078-6406-4394-a37d-428dfe2dc62d

Mind you, it only happens on this specific page. The Pie documentation page doesn't have this issue.