From a9bf6fbb6028112af9a6d93c52c2d20bbca8bfe6 Mon Sep 17 00:00:00 2001
From: laurentbarontini <l.barontini@open-squared.ch>
Date: Mon, 18 May 2026 20:12:16 +0200
Subject: [PATCH] Notes

---
 AG_GRID_PROGRESS.md      | 10 ++++++++++
 AG_GRID_SESSION_INDEX.md |  8 ++++++++
 dist/tryton-sao.css      |  6 ++++++
 tryton-sao.css           |  6 ++++++
 4 files changed, 30 insertions(+)

diff --git a/AG_GRID_PROGRESS.md b/AG_GRID_PROGRESS.md
index 4a21f19..e1cf65b 100644
--- a/AG_GRID_PROGRESS.md
+++ b/AG_GRID_PROGRESS.md
@@ -962,6 +962,16 @@ Point de deploiement:
 - correctif final: `_force_horizontal_scroll_width()` additionne maintenant les largeurs reelles `getActualWidth()` et ne modifie plus jamais les largeurs de colonnes
 - invariant: une fonction de scrollbar peut dimensionner le conteneur de scroll, mais ne doit jamais changer la taille des colonnes utilisateur
 
+### Correctif largeur formulaire avec menu gauche masque
+
+- bug observe: dans la forme Purchase/contrat, meme menu gauche cache, le formulaire ne s'etirait plus sur toute la largeur; il restait visuellement autour de 75% de l'ecran
+- contexte: les travaux AG Grid avaient beaucoup verrouille la chaine `#tabs` / `#tabcontent` / panel avec `min-width: 0` et `max-width: 100%` pour eviter qu'une grille large etire le shell
+- cause: `#tabs.main-offcanvas` garde les classes Bootstrap `col-xs-12 col-sm-8 col-lg-9`; quand `.row-offcanvas` n'est pas active, `width: 100%` seul ne neutralise pas completement le comportement de colonne Bootstrap sur grand ecran
+- correctif CSS: `.row-offcanvas:not(.active) .main-offcanvas` force maintenant `float: none`, `flex: 0 0 100%`, `width: 100%`, `max-width: 100%`
+- correctif complementaire: `.screen-container` porte aussi `min-width: 0`, `width: 100%`, `max-width: 100%` pour transmettre proprement la largeur au formulaire/contenu
+- fichiers modifies: toujours synchroniser `tryton-sao.css` et `dist/tryton-sao.css`, car `index.html` charge le CSS depuis `dist/`
+- lecon: apres un correctif AG Grid/offcanvas, tester les deux etats du hamburger; menu visible, la zone centrale doit rester en colonne Bootstrap, menu cache, elle doit redevenir pleine largeur
+
 ### Commits importants
 
 - `fc9ab5d Save SAO AG Grid work`
diff --git a/AG_GRID_SESSION_INDEX.md b/AG_GRID_SESSION_INDEX.md
index ce5cb70..ad017bb 100644
--- a/AG_GRID_SESSION_INDEX.md
+++ b/AG_GRID_SESSION_INDEX.md
@@ -331,3 +331,11 @@ Traces a lire si le sujet revient:
 - toute correction de stabilisation doit etre testee contre une action utilisateur inverse: clear filtre, elargir filtre, reduire colonne, revenir a `Default view`
 - si une correction semble logique mais ne marche pas, ajouter une trace de transition avant/apres la fonction suspecte; c'est comme ca que `_force_horizontal_scroll_width()` a ete identifie
 - traces temporaires a supprimer/reduire apres validation finale: `[AGGRID][COLUMN_RESIZE_JSON]` et les logs lifecycle/value filter devenus trop bruyants
+
+### Point de reprise apres le correctif offcanvas/formulaire
+
+- bug corrige: formulaire Purchase/contrat bloque a environ 75% de largeur meme quand le menu gauche etait cache
+- cause: `#tabs.main-offcanvas` gardait les classes Bootstrap `col-sm-8 col-lg-9`; `width: 100%` seul ne suffisait pas toujours a annuler le comportement de colonne
+- correctif: `.row-offcanvas:not(.active) .main-offcanvas` force `float: none`, `flex: 0 0 100%`, `width: 100%`, `max-width: 100%`
+- complement: `.screen-container` force `min-width: 0`, `width: 100%`, `max-width: 100%`
+- verifier apres ce type de retouche: menu gauche ouvert et cache, formulaire classique, vue tree AG Grid, et toujours synchroniser `dist/tryton-sao.css`
diff --git a/dist/tryton-sao.css b/dist/tryton-sao.css
index 4c4c983..fee35ea 100644
--- a/dist/tryton-sao.css
+++ b/dist/tryton-sao.css
@@ -9678,6 +9678,9 @@ img.icon {
   display: flex;
   flex-direction: column;
   flex: 1;
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
 }
 .filter-box {
   margin: 5px 0;
@@ -10785,7 +10788,10 @@ body {
   left: 0;
 }
 .row-offcanvas:not(.active) .main-offcanvas {
+  float: none;
+  flex: 0 0 100%;
   width: 100%;
+  max-width: 100%;
 }
 .sidebar-offcanvas {
   position: absolute !important;
diff --git a/tryton-sao.css b/tryton-sao.css
index 4c4c983..fee35ea 100644
--- a/tryton-sao.css
+++ b/tryton-sao.css
@@ -9678,6 +9678,9 @@ img.icon {
   display: flex;
   flex-direction: column;
   flex: 1;
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
 }
 .filter-box {
   margin: 5px 0;
@@ -10785,7 +10788,10 @@ body {
   left: 0;
 }
 .row-offcanvas:not(.active) .main-offcanvas {
+  float: none;
+  flex: 0 0 100%;
   width: 100%;
+  max-width: 100%;
 }
 .sidebar-offcanvas {
   position: absolute !important;