Accordion doesn't stay collapsed when scrolling on iPhone

Created on 23 August 2023, over 1 year ago
Updated 2 November 2023, about 1 year ago

Problem/Motivation

Hi! Creating my first ever issue here.

So this module works really well, but the accordion doesn't seem to start collapsed for me when I test on mobile, specifically on iPhone. Or it does actually start collapsed, but as soon as the user scrolls down to view the accordion, the first accordion item opens. Me and my colleagues suspected that this could be due to the resizing of the window. For example on iPhone the search bar (and other buttons) in Safari or Chrome is hidden when scrolling down. I'd like the accordion to stay closed even when the users scrolls down.

This issue doesn't occur for Android phones (or the majority of the different Android and browser combinations we quickly tested).

Recently upgraded to D10.

Has anyone else encountered anything similar?

Proposed resolution

Could the resize functionality in the JS be modified to take this iOS issue into consideration? Maybe checking only if window width is changing, not window height?

Thanks!

🐛 Bug report
Status

Closed: works as designed

Version

2.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024