Docs

[mike-moonray]

This issue is that when you expand accordions on mobile, you’ll typically have to scroll back up to the newly opened pane. You can see this interaction on http://theme.co/x/demo/integrity/1/shortcodes/accordion/.

Open “About Accordions”, then scroll so “What you can include” is near the top of the screen, then open the “What you can include” pane. The beginning of that accordion pane’s content is now off-screen and I have to scroll up to view it. On large accordions, the amount of scrolling is really excessive.

Scrolling the beginning of the pane back into view when clicked would be quite helpful here.

[Rupok]

Hi there,

Thanks for writing in! You can keep only one accordion item open at a time using the parent_id to avoid this. Kindly follow the first example for this.

You will find other options at the bottom of the page.

Hope this makes sense.

Cheers!

[mike-moonray]

Hi Rupok.

I have the accordion set to only open one at a time. The problem is that when you open an accordion, the top (or beginning) of the pane ends up off screen. The forces you to scroll up to where the beginning of the pane now is.

This also happens in desktop, but the effect is much more noticeable on mobile.

[Jade]

Hi Mike,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Author]

Posts