​​React​Playwright,Pointer Events,TypeScript,アクセシビリティ,キーボード操作

Thumbnail of post image 139

項目からさらにメニューが開く、入れ子のドロップダウンメニューを React で作りました。開いている枝を id の配列1つで持ち、同じ描画関数を再帰で呼びます。斜めにポインターを動かしたときの誤作動の防ぎ方と、矢印キーでの操作も確かめ ...

​​React​dialog,Playwright,TypeScript,アクセシビリティ,キーボード操作

Thumbnail of post image 159

Ctrl+K で開き、言葉を打って絞り込み、↑↓と Enter で実行するコマンドパレットを、React と dialog 要素で作りました。ひらがなとカタカナを区別しない絞り込みと、実行と閉じる順番によるフォーカスの違いを確かめてい ...