From eb4197e22bd5bb360b20e5886a6c3f56b202f661 Mon Sep 17 00:00:00 2001
From: "Maruan Aguerdouh (magm)" <magm@odoo.com>
Date: Tue, 29 Nov 2022 13:15:18 +0000
Subject: [PATCH] [FIX] web: sheet views displaying properly for ecommerce
 categories form

Steps to reproduce:

- Go to the eCommerce app > eCOmmerce Categories.
- Select any categorie or try to create a new one.

Issue:

The box containing the fields it's not displayed properly.

Solution:

Added the class `clearfix` to the sheet component as it used to be in
previous versions.

opw-3080099

closes odoo/odoo#109408

X-original-commit: 4373cf2901b8db61592eba7cff2fae60ff68348a
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
---
 addons/web/static/src/views/form/form_compiler.js         | 2 +-
 addons/web/static/tests/views/form/form_compiler_tests.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/views/form/form_compiler.js b/addons/web/static/src/views/form/form_compiler.js
index f4c838b2af9..59d4d35d31c 100644
--- a/addons/web/static/src/views/form/form_compiler.js
+++ b/addons/web/static/src/views/form/form_compiler.js
@@ -611,7 +611,7 @@ export class FormCompiler extends ViewCompiler {
         sheetBG.className = "o_form_sheet_bg";
 
         const sheetFG = createElement("div");
-        sheetFG.className = "o_form_sheet position-relative";
+        sheetFG.className = "o_form_sheet position-relative clearfix";
 
         append(sheetBG, sheetFG);
         for (const child of el.childNodes) {
diff --git a/addons/web/static/tests/views/form/form_compiler_tests.js b/addons/web/static/tests/views/form/form_compiler_tests.js
index 4ec9a559773..3b0c4f3f6c7 100644
--- a/addons/web/static/tests/views/form/form_compiler_tests.js
+++ b/addons/web/static/tests/views/form/form_compiler_tests.js
@@ -209,7 +209,7 @@ QUnit.module("Form Compiler", (hooks) => {
                 <div class="o_form_sheet_bg">
                     <div class="o_form_statusbar position-relative d-flex justify-content-between border-bottom"><StatusBarButtons/></div>
                     <div>someDiv</div>
-                    <div class="o_form_sheet position-relative">
+                    <div class="o_form_sheet position-relative clearfix">
                         <div>inside sheet</div>
                     </div>
                 </div>