Css scroll snap will not work with apple mobile web capable

Css snap points are a nice alternative to javascript bases solutions. I realize that it is not a final spec, but webkit has adopted css snap points.

However, if you enable mobile web app capable meta then it fails

An example: http://ift.tt/2gOYoYt

Works perfect if you open it in safari on for example an ipad. Ignore the button, just scroll. Now pin this jsfiddle to your home screen and open it using the newly created shortcut. Mobile web app capable is loaded for jsfiddle and breaks the snap point functionality: you now have smooth scrolling instead of the snaps.

Using a polyfill as fallback does not fix the problem. Any suggestions without falling back to a full javascript solution?enter code here