7

Safari on iOS (10.3) jumping (scrolls down) when closing video.js player popup menu by clicking on menu button the second time.

How to reproduce:

  1. https://codepen.io/mkhazov/full/PjBJvb/. Open this pen in Safari on iPhone or xcode simulator.
  2. Scroll down-up
  3. Click on quality selection button
  4. Click it again.

recorded video: http://www.screencast.com/t/IPkjEo2dxW7

It's definitely mobile Safari bug (there's no js code responsible for scroll), but I can't find the suitable workaround.

This can be fixed by following CSS as proposed here:

html,
body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

but it breaks other things (e.g. window.scrollY / $(window).scrollTop()) so I can't use it.

Any ideas/suggestions would be appreciated.

Towkir
  • 3,889
  • 2
  • 22
  • 41
quotesBro
  • 6,030
  • 2
  • 31
  • 41
  • 1
    According to caniuse.com, http://caniuse.com/#search=scroll, ios safari has only partial scroll support anyway - snap points and scrollintoView are only partially supported with the webkit prefix - so the workaround outlined in your question may be as good as you'll get for the time being :( – Rachel Gallen Jul 14 '17 at 01:36
  • Welcome to the world of iOS and Safari web bugs. Or features, depending on what Apple decides to call it. – ClosDesign Feb 27 '18 at 18:39

0 Answers0