ひかりの備忘録

fluent-listbox のスクロールを可能にする方法 (@fluentui/web-components)

概要

以下の ListBox (fluent-listbox および fluent-option) をスクロール可能にする

Listbox | Microsoft Learn

解決法

fluent-listbox に対しては overflow-y: auto; を、fluent-option に対しては flex-shrink: 0; を設定

See the Pen fluent-listbox by ひかり (@himeyama) on CodePen.