Safari iOS 17 layout issue

Safari on iOS 17, when entering characters into text input box after deleting characters, the layout is off.

Here's the HTML:

<body>
   <div id="J001" style="display: inline-block;">
      <div id="J001__0" style="display: inline-block;">
         <input id="J001__0__input" style="display: inline-block; height: 28px; padding:2px; border:1px solid gray;"></div>
      <div id="J003__0" style="display: inline-block;">
         <button id="J003__0__btn" style="display: inline-block; height:34px;">a</button>
      </div>
   </div>
</body>
  1. Enter "A" into text input box.

  2. Delete "A" with the backspace(x).

  3. Enter "A" into text input box, the button position will be shifted down.


iOS 17 の Safari にて、テキスト入力ボックスで文字を削除した後、文字を入力するとレイアウトが崩れます。

  1. テキスト入力ボックスに「A」と入力します。
  2. バックスペース(x)で「A」を削除します。
  3. テキスト入力ボックスに「A」と入力すると、ボタンの位置が下にずれます。