framework7io / framework7io/framework7

Still can't scroll on iOS 11.3.1 (iPhone 6) when accordion is open

Open
#2,394 36 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Bug confirmed
Dominant language
JavaScript
Stars
18.8k
Forks
3.2k
PR merge metrics
No merged PRs in 30d

Description

Hi Guys,

I am opening this issue in relation to issue 2197 which is now closed so I can't add to it

Hi, I wonder if you can help, I am still seeing this, I have pulled the latest version of f7 js and css from github. I am using the latest version of iOS 11.3.1 on an iPhone 6. This is exactly the same behaviour explained I am seeing in this case and the bug. I have checked framework7.js and it has the code fix above mentioned but still the issue persists.

I have uploaded a screenshot attempting to scroll the accordion, unfortunately I cant really provide much else as this works fine when I view through the browser or on Android.

https://drive.google.com/file/d/1kMVEzWDgrq9xWUXBOKna1j-w9bDsertu/view?usp=sharing

Any help would be much appreciated

UPDATE: I have another video showing the behaviour there are a couple of things, only when scrolling on iOS does the content of the other accordion seem to flicker, the button hidden in the other accordion flckers briefly on the screen, I do actually use hidden divs inside the accordion with tables that are unhidden with buttons, I am going to try today to remove the hidden divs to see if that has any effect. The new video also shows behaviour that other people reported i.e. the screen does not scroll and then after a couple of attempts completely disappears.

One other thing is when I open up the hidden div and close it again it then seems to enable the ability to scroll for some reason.

Many thanks again guys

https://drive.google.com/file/d/1TloXzo0762H2Uolx8F1oD7pgZu20Fn47/view?usp=sharing

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the accordion scrolling problem on iOS 11.3.1 with an iPhone 6, using the behavior and videos described here. Review framework7.js and the related issue 2197, including the referenced fix, then verify that the accordion scrolls reliably without flickering or disappearing content.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, javascript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.