iPad safariにてダブルタップのズームを無効にしたい

Question

現在HTML、CSS、javascriptにてレジ機能を作成しております。

基本的な機能は実装できたのですが、
作成したテンキー部分等をダブルタップした（数字を素早く入力した）場合
ズーム機能が働いて拡大されてしまいます。
そのページ全体でズームは無効にしたいのでCSSに以下を入れましたが効果がありませんでした。

html {
  touch-action: manipulation;
}

別のサイトで以下のようなjavascriptがあったので入れてみましたが
タイミングによっては数字が反応しない場合があり、実用的ではありませんでした。
数値を変更してみましたが、あまり変わらず反応しない場合がありました。

let lastTouchEndTime = 0;
document.addEventListener('touchend', (event) => {
  const now = new Date().getTime();
  if((now - lastTouchEndTime) < 350) {
    event.preventDefault();
  }
  lastTouchEndTime = now;
});

他に良い方法があれば教えてください。
よろしくお願いいたします。