Area Search — current behaviour

Review surface for the #2503 Area Combo changes. Current behaviour only — nothing here is changed yet.

What #2503 asks for: selected areas shown inside the input, truncated on the right with padding, with the checkbox icon and the Criteria label removed; clicking into the input when criteria are present clears it and lists the selections in the panel below, each with an X to remove; typing then filters matching values underneath those.

Why there are three rigs. The same MbbAreaSearch component behaves differently depending on where its selection is written — a selection-location attribute picks one of three sinks. That is the thing to look at: QuickSearch shows chips in the field, the Results header shows none at all and puts them in the criteria bar below instead. #2503 is largely about making the second behave like the first.

Try it: type at least 3 characters (e.g. Den), pick an area, then click back into the field and watch what happens — today it does not clear, and there is no way to remove a selection from inside the panel.


1 — QuickSearch (chips render in the field)

Selection sink is .SelectedLocations. Selected areas appear as checkbox-styled chips on an opaque overlay that sits on top of the input.

QuickSearch — full width
QuickSearch — 480px

2 — Stand-alone Search Form

Area search inside the full search form.

SearchForm

3 — Results header (no chips at all — criteria bar below)

Selection sink is the search-params store, not a chip list. Selections show only in the mbb-search-criteria bar underneath the form — the criteria badges #2503 proposes to remove. This is the mount the Area Combo changes are aimed at.

ListingResults — area-search header, 1200px