困りごと ReactでuseState管理されているinput要素が増えた時に、その増えたinput要素にフォーカスを当てたい、というニーズは結構あるように思います。 Androidは比較的素直かと思いますが、(少なくともiOS16.6の)iOSのSafariではフォーカスは当たるものの、仮想キーボードが表示されないという困った現象が発生します。 それを解消を目指します。 検証環境 React 18.2 iOS(Safari) 16.6 問題があるコード import React, { useEffect, useRef, useState } from "react"; /** サンプル用ア…