From 98df7cdb41d7c84b31815c65035c5b980cbf88e8 Mon Sep 17 00:00:00 2001
From: William Braeckman <wbr@odoo.com>
Date: Mon, 12 Sep 2022 10:02:29 +0000
Subject: [PATCH] [FIX] website_sale_autocomplete: fix styling

Bootstrap 5 changed the display of `dropdown-menu` to be absolute,
meaning w-100 would take the whole screen.
We set it as relative to take the width of the input.

closes odoo/odoo#100005

Signed-off-by: William Braeckman (wbr) <wbr@odoo.com>
---
 .../website_sale_autocomplete/static/src/xml/autocomplete.xml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/website_sale_autocomplete/static/src/xml/autocomplete.xml b/addons/website_sale_autocomplete/static/src/xml/autocomplete.xml
index 09dfa28ca58..d9905513b09 100644
--- a/addons/website_sale_autocomplete/static/src/xml/autocomplete.xml
+++ b/addons/website_sale_autocomplete/static/src/xml/autocomplete.xml
@@ -2,13 +2,13 @@
 
 <templates>
     <t t-name="website_sale_autocomplete.AutocompleteDropDown">
-        <div t-attf-class="dropdown-menu w-100 #{results.length ? 'show' : ''}">
+        <div t-attf-class="dropdown-menu position-relative #{results.length ? 'show' : ''}">
             <a class="dropdown-item js_autocomplete_result"
                t-foreach="results" t-as="result"
                t-att-data-google-place-id="result['google_place_id']">
                 <t t-out="result['formatted_address']"/>
             </a>
-            <img class="float-end pe-1" src="/website_sale_autocomplete/static/src/img/powered_by_google_on_white.png" alt="Powered by Google"/>
+            <img class="ms-auto pe-1" src="/website_sale_autocomplete/static/src/img/powered_by_google_on_white.png" alt="Powered by Google"/>
         </div>
     </t>
 </templates>