Css scroll-snap bug iOS 10

Noté un extraño error en iOS 10 con las properties css scroll-snap .

Aquí está mi css:

#springBoard{ height: 100%; width: 100%; font-size: 0px; white-space: nowrap; overflow: scroll; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-type: mandatory; -webkit-scroll-snap-points-x: repeat(100%); } section{ display: inline-block; width: 100%; height: 100%; vertical-align: top; font-size: 16px; } 

Si me desploop programáticamente a un punto de ajuste y luego cambio el contenido dentro del contenedor de desplazamiento rápido, la navigation vuelve al primer punto de ajuste.

 // Progtwigtically scroll the scroll-snap container $("#springBoard")[0].scrollLeft = 320 

No parece estar relacionado con la forma en que disparo el desplazamiento. Todos estos methods de desplazamiento producen el mismo resultado:

 $("#springBoard")[0].scrollLeft = 320 $("#springBoard").animate({scrollLeft: 320}, 1) $("#springBoard > section:eq(1)")[0].scrollIntoView() window.location.hash = "sectionId" 
  1. El error no ocurre cuando se desplaza manualmente (Vea el comentario de @ maxime a continuación).
  2. Está presente desde la versión 10.3.2 de iOS.
  3. No sé si está arreglado en iOS 11.

Pasé un par de días tratando de resolver el problema pero sin éxito hasta el momento.

Aquí hay un ejemplo simplificado de mi nav:

Demostración de Codepen

¿Alguien sabe una forma de evitar este estúpido error?