From e95b3d1c478830dc662adff9574efc8eb088bd20 Mon Sep 17 00:00:00 2001
From: Romeo Fragomeli <rfr@odoo.com>
Date: Thu, 14 Dec 2023 08:04:57 +0100
Subject: [PATCH] [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>
---
 addons/web/static/src/search/search_bar/search_bar.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/web/static/src/search/search_bar/search_bar.xml b/addons/web/static/src/search/search_bar/search_bar.xml
index 7bb3b368715..560a91be525 100644
--- a/addons/web/static/src/search/search_bar/search_bar.xml
+++ b/addons/web/static/src/search/search_bar/search_bar.xml
@@ -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"/>