カスタマイズ可能なselect
ついに <select> をCSSでスタイルできるようになった。些細に聞こえるが、あらゆるデザインシステムからアクセシビリティ上重要な何千行ものJavaScriptが消える。
これまで不可能だった理由は、ドロップダウンの一覧がブラウザのレイアウトエンジンではOSによって描画され、CSSの届かない場所にあったからだ。その結果、デザインに合うドロップダウンが欲しい人は div で代替品を作り、キーボード操作、スクリーンリーダー対応、フォームとの連携、モバイルでの挙動をゼロから作り直す羽目になった。それが完全にうまくいくことはまずない。新しい仕組みでは、要素が appearance: base-select で参加を宣言すると、ポップアップが通常のDOMノードになってスタイルでき、選択肢に画像や構造を入れられる。最初の実装は2025年にChromium 135で出荷された。