Let’s imaging an accordion in which only a single entry is open: You open a closed item, then the already open item closes. Lets also say that within item 1 we have a lot of content, and within item 2 we only have a little content. Item 1 is open.
(-) item 1
stuff
stuff
…
stuff
(+) item 2
User scrolls down, and opens item 2. Now, as item 1 closes, the headline of item 2 and the revealed content within item 2 are pulled up (it scrolls up towards the headline of item 1 because item 1 closes). In extreme cases, i.e. with lots of stuff within item 1, such that the headline of item 1 is not even visible anymore on screen, the whole accordion might disappear from the screen. Obviously, this is bad user experience.
Requested behavior: Adjust the scrolling of the page that (either) the headline of item 2 scrolls up at most to the top of the viewport, (or) the headline of item 2 remains stationary on screen as much as possible.
