Скролл масштабированного элемента, Safari iOS

Если html элемент масштабирован (transform: scale([x])), то на iOS устройстве скролл этого элемента работает некорректно, контент сдвигается не на расстояние swipe жеста, а на расстояние, пропорциональное [x].

Контент блока "content" будет двигаться в 2 раза медленнее пальца, а "content2" в 2 раза быстрее:

.content {
  overflow: scroll;
  transform: scale(0.5);
}
.content2 {
  overflow: scroll;
  transform: scale(2);
}

Минимальный пример кода, воспроизводящий проблему, прилагаю. https://jsfiddle.net/uwfrqzkc/3/ (проблема воспроизводится только в Safari на iOS, насколько мне известно)

На практике это приводит к тому, что у пользователя возникает ощущение неотзывчивого интерфейса - контент двигается медленнее(быстрее) пальца. Как добиться синхронного движения?