[Accordion] - When large content is present in accordion. The active accordion is going out of viewport.

[vineeth-ktp]

Duplicates

Possible solution is suggested for V1 but nothing is there in V5
#12568

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Steps:

1. When large content is present in Accordion, the content is going out of viewport.
2. Example link - https://codesandbox.io/s/distracted-sanne-rre74j?file=/demo.js
3. Click on the first item to expand the accordion
4. Now scroll to bottom and click on the 2nd to expand.
5. Notice how the screen is not taken to the top of the accordion but stays at the bottom

Current behavior 😯

Screen stays at end of the expanded accordion

Expected behavior 🤔

Focus should be on top of the content on the expanded section

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

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

[siriwatknp]

Is the workaround in #12568 do not work in v5?

[anjan-kp]

It works but why only a workaround from v1 to v5? I thought this must have a fix in V5 as this issue is definitely a drawback of MUI accordion and must be affecting users across all devices.

[siriwatknp]

It works but why only a workaround from v1 to v5? I thought this must have a fix in V5 as this issue is definitely a drawback of MUI accordion and must be affecting users across all devices.

Fair enough, it brings better UX for sure. I mark this as a new feature and wait for votes. If anyone would like to work on this, please propose the solution in the comment before submitting a PR.

[rishav001own]

Is there any fix regarding this issue?