dialog要素をshowModal()で開くと、Escキーで閉じる、後ろを操作できなくする、フォーカスを戻すといった処理をブラウザが受け持ちます。Reactのstateとずれないようにつなぐ書き方を、検証環境で確かめて紹介します。

dnd-kit の @dnd-kit/sortable で、ドラッグで並べ替えられる一覧を TypeScript で作りました。マウスとキーボードでの並べ替え、読み上げの文の日本語化、行の中のボタンが押せなくなるときの直し方を、Chr ...

入力欄の部品で id を決め打ちにすると、同じ部品を2つ置いたときに id が重なり、2つ目のラベルを押しても1つ目の入力欄にフォーカスが移ります。useId で部品ごとに id を作り、ラベルや説明文と結びつける書き方と、数を数えて ...