DataVis filter bar cells overflow instead of wrapping

[garrity-miepub]

DataVis filter bar cells overflow instead of wrapping

Package: @mieweb/datavis v1.2.0 — FilterBar (wcdv-filter-bar) in the NITRO grid control panel

Steps to reproduce

1. Render a DataVisNitroGrid with the filter panel open (e.g. eChart Sim → Health Surveillance tab)
2. Add 2+ filters
3. Narrow the container to ~600–750px so two filter cells share a row

Actual

Filter cell contents (operator select + value dropdown) bleed into the neighboring cell — the "All selected" button overlaps the next filter's label, and remove-✕ buttons appear detached from their fields.

Expected

Each filter stays within its own cell; contents wrap or the grid drops to fewer columns.

Root cause

.wcdv-filter-bar-fields uses repeat(auto-fill, minmax(220px, 1fr)), but each cell's non-wrapping flex row has ~240px+ min-content (operator min-w-[7rem] + value dropdown). Grid items default to min-width: auto, so the cell overflows instead of shrinking.

Suggested fix

Any of: bump the column min to minmax(260px, 1fr); add min-w-0 so truncate can shrink the value button; or flex-wrap the operator+value row.