diff --git a/.changeset/chubby-adults-poke.md b/.changeset/chubby-adults-poke.md new file mode 100644 index 000000000..f51701275 --- /dev/null +++ b/.changeset/chubby-adults-poke.md @@ -0,0 +1,5 @@ +--- +"gitbook": patch +--- + +Fix select filters not working on table and cards blocks. diff --git a/packages/gitbook/src/components/DocumentView/Table/TableSearch.tsx b/packages/gitbook/src/components/DocumentView/Table/TableSearch.tsx index b8f6c5901..6104f3fd8 100644 --- a/packages/gitbook/src/components/DocumentView/Table/TableSearch.tsx +++ b/packages/gitbook/src/components/DocumentView/Table/TableSearch.tsx @@ -226,11 +226,10 @@ function SelectFilterDropdown(props: { column: TableSelectColumn }) { key={option.value} active={selected} leadingIcon={selected ? 'check' : undefined} - onSelect={(event) => { - // Keep the menu open so several options can be toggled at once. - event.preventDefault(); - toggleOption(column.id, option.value); - }} + // `closeOnClick={false}` keeps the menu open so several options can be + // toggled at once. + closeOnClick={false} + onClick={() => toggleOption(column.id, option.value)} > {option.label || option.value}