iFrame прокручивает вверх при нажатии на некоторые элементы на iOS

Question

Я сделал видео о проблеме: https://drive.google.com/open?id=10AhL2KUZpQJpsnkjuP_3y46mu3lQ0dTZ

Вы можете видеть, что прокрутка работает нормально.И я также могу использовать другие кнопки и поля просто отлично.Проблема только на iOS (как в симуляторе, так и на тестовом устройстве), но не на Android или в браузере.

Я использую ionic 4 с angular и cordova.Код выглядит следующим образом:

<ion-content>
  <div id="shop-wrapper">
    <iframe scrolling="yes" id="shop" src="http://shop2.boettcher.ch/de/schnelleingabe.htm"></iframe>
  </div>
</ion-content>

И CSS

#shop-wrapper{
  -webkit-overflow-scrolling: touch !important;
  overflow-y: scroll !important;
  height: 100%;
  width: 100%;
}
#shop-wrapper iframe{
  height: 100%;
  width: 100%;
}

Я дал вам правильный URL, чтобы вы могли убедиться, что на кнопках нет ничего необычного.

Я занимаюсь этим уже несколько дней и отчаянно нуждаюсь в помощи.