iOS15のSafariで背景固定のモーダルを立ち上げると、タップ領域が上にずれる

styleTag.innerText = 
 "html.is-locked,html.is-locked body {height: calc(var(--window-inner-height) - 1px);overflow: hidden;box-sizing: border-box;}"

↓
//heightだけにする。
styleTag.innerText =
 "html.is-locked {height: calc(var(--window-inner-height) - 1px);}";

//従来のやり方。 iOS15だとバグる
  const modalSwitch = {
    open: (id) => {
      modalWrapper.classList.add("is-active");
      sessionStorage.setItem("id", id);

      //モーダルをあげている時はスクロール無効とする
      scrollStock = window.pageYOffset;
      body.classList.add("is-locked");
      body.style.top = -scrollStock + "px";
    },
    close: () => {
      //スクロール無効を元に戻す
      body.classList.remove("is-locked");
      body.style.top = "";
      window.scrollTo(0, scrollStock);

      modalWrapper.classList.remove("is-active");
    }
  };

//iOS15対応版。 htmlにもclassを降ってあげる
  const modalSwitch = {
    open: (id) => {
      modalWrapper.classList.add("is-active");
      sessionStorage.setItem("id", id);

      html.classList.add("is-locked");
      //モーダルをあげている時はスクロール無効とする
      scrollStock = window.pageYOffset;
      body.classList.add("is-locked");
      body.style.top = -scrollStock + "px";
    },
    close: () => {
      html.classList.remove("is-locked");
      //スクロール無効を元に戻す
      body.classList.remove("is-locked");
      body.style.top = "";
      window.scrollTo(0, scrollStock);

      modalWrapper.classList.remove("is-active");
    }
  };