drawer icon indicating copy to clipboard operation
drawer copied to clipboard

iOS Safari background scroll issue

Open drukavina opened this issue 10 years ago • 4 comments

Hi, while testing the demo of this library we encountered a bug on iOS safari devices (we were using iOS 9.02 iPhone 5 with Safari). To reproduce a problem open the following url: http://git.blivesta.com/drawer/top/ on iOS safari. Try to scroll drawer content by pulling from bottom of the viewport. You'll notice a scroll indicator appearing on the right as if you are scrolling drawer content, but in reality you are scrolling the main page, which is in background when drawer is open. User shouldn't be able to scroll main page at all when drawer is open.

Here is a screen recording of the bug (notice the scroll indicator appearing on the right, its very subtle, and also notice that we were on top of the page before opening the drawer and then near bottom after closing the drawer): animation

EDIT: So here's the follow up on this, to successfully reproduce the issue:

  1. open http://git.blivesta.com/drawer/top/ on iOS safari
  2. bottom tabbar should be visible on the screen
  3. open the drawer and it works normally as depicted below see_the_problem_960
  4. close the drawer and scroll towards bottom, tabbar will/should disapear from the screen
  5. open the drawer again and try to scroll from the position depicted below (red rectangle) scroll_lib_example_bug_example____960 Notice the invalid scrollbar appearing on the right (red arrow) showing that the background is being scrolled

drukavina avatar Nov 11 '15 00:11 drukavina

Thanks for reporting! I also tried in iOS9.0 and 9.1, but this problem was not found. We are also preparing to update to the Drawer v3. Please try this branch if possible. https://github.com/blivesta/drawer/tree/v3-tmp

qp0o978fzr

blivesta avatar Nov 19 '15 12:11 blivesta

Updated to v3.0.0. Please report if there is a bug. Thanks. https://github.com/blivesta/drawer/releases/tag/v3.0.0

blivesta avatar Nov 23 '15 17:11 blivesta

Hi, so we've tested this again using this url: http://git.blivesta.com/drawer/top/ and using iOS 9.02 iPhone 5 with Safari and we've managed to reproduce it again.

To reproduce an issue we've prepared a gif, and this is what we did:

  1. open the http://git.blivesta.com/drawer/top/ on iPhone Safari
  2. open the drawer
  3. try to scroll with finger on transparent/bottom area, nothing happens (that's OK)
  4. close the drawer
  5. scroll a bit toward bottom on main content
  6. open the drawer again
  7. now try to scroll again from transparent area and content scrolls (this should not happen)

animation

drukavina avatar Nov 28 '15 12:11 drukavina

I've also analysed your gif a bit, the problem why you didn't reproduce this successfully is because when you've opened the drawer (after scrolling the main content) you are trying to scroll from upper/items area. Please refer to this image this image as it's depicting the area from where you need to try scrolling.

drukavina avatar Nov 28 '15 12:11 drukavina