[FIX] web: avoid search bar overflow

Overflowing search facets do not wrap making them disappear from view
when too long. This can happen when searching a single field for
multiple values (as they are bundled in the same facet).
The problem is fixed by allowing facets to wrap.

Steps to reproduce:
* Open a view with a search (kanban, list, ...)
* Add many, many long terms search for the same field
  => BUG the search overflow outside the search bar

opw-3581553

closes odoo/odoo#146133

X-original-commit: acd476a4ded3ca873e10dc4cc72668efdcb2c629
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
This commit is contained in:
Romeo Fragomeli
2023-12-14 13:04:12 +00:00
parent 3b2ced13cf
commit e95b3d1c47
@@ -35,7 +35,7 @@
</span>
</div>
<div class="o_facet_values position-relative d-flex align-items-center ps-2 rounded-end-2 text-wrap">
<div class="o_facet_values position-relative d-flex flex-wrap align-items-center ps-2 rounded-end-2 text-wrap">
<t t-foreach="facet.values" t-as="facetValue" t-key="facetValue_index">
<em t-if="!facetValue_first" class="o_facet_values_sep small fw-bold mx-1 opacity-50" t-esc="facet.separator"/>
<small class="o_facet_value" t-esc="facetValue"/>