From c4f9150fdbe0c85910864816a048c027d559c613 Mon Sep 17 00:00:00 2001
From: fabres <sylvain.fabre@inpixal.com>
Date: Fri, 17 Jul 2026 23:51:20 +0200
Subject: [PATCH] fix(v2): scrollbar inline via _onRender flex styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le CSS via template ne fonctionnait pas car l'id V2 n'est pas
un sélecteur DOM fiable. On apply les styles flex/overflow
directement sur this.element et son premier enfant dans _onRender.
---
 module/settings/dialog-encaissement-tables.js     | 12 ++++++++++++
 module/settings/regles-optionnelles.js            |  9 +++++++++
 templates/settings/dialog-encaissement-tables.hbs |  2 --
 templates/settings/regles-optionnelles.hbs        |  4 ----
 4 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/module/settings/dialog-encaissement-tables.js b/module/settings/dialog-encaissement-tables.js
index 8556795e..64ea6abc 100644
--- a/module/settings/dialog-encaissement-tables.js
+++ b/module/settings/dialog-encaissement-tables.js
@@ -51,4 +51,16 @@ export class DialogEncaissementTables extends HandlebarsApplicationMixin(Applica
       nonmortel: TABLE_NONMORTEL_DISPLAY,
     }
   }
+
+  async _onRender(context, options) {
+    this.element.style.flex = "1"
+    this.element.style.display = "flex"
+    this.element.style.flexDirection = "column"
+    this.element.style.overflow = "hidden"
+    const content = this.element.firstElementChild
+    if (content) {
+      content.style.overflowY = "auto"
+      content.style.flex = "1"
+    }
+  }
 }
diff --git a/module/settings/regles-optionnelles.js b/module/settings/regles-optionnelles.js
index e243ec08..200836dd 100644
--- a/module/settings/regles-optionnelles.js
+++ b/module/settings/regles-optionnelles.js
@@ -118,6 +118,15 @@ export class ReglesOptionnelles extends HandlebarsApplicationMixin(ApplicationV2
   }
 
   async _onRender(context, options) {
+    this.element.style.flex = "1"
+    this.element.style.display = "flex"
+    this.element.style.flexDirection = "column"
+    this.element.style.overflow = "hidden"
+    const content = this.element.firstElementChild
+    if (content) {
+      content.style.overflowY = "auto"
+      content.style.flex = "1"
+    }
     this.element.querySelectorAll(".select-option").forEach(el => {
       el.addEventListener("click", async event => {
         const id = event.currentTarget.getAttribute("name");
diff --git a/templates/settings/dialog-encaissement-tables.hbs b/templates/settings/dialog-encaissement-tables.hbs
index 186cfaec..d923b3b2 100644
--- a/templates/settings/dialog-encaissement-tables.hbs
+++ b/templates/settings/dialog-encaissement-tables.hbs
@@ -1,7 +1,5 @@
 <div>
 <style>
-#dialog-encaissement-tables .window-content form { height: 100%; display: flex; flex-direction: column; }
-#dialog-encaissement-tables .window-content form > div { overflow-y: auto; flex: 1; }
   .encaissement-tables { display: flex; flex-direction: column; gap: 1.5em; }
   .encaissement-tables table { width: 100%; border-collapse: collapse; }
   .encaissement-tables th, .encaissement-tables td { padding: 4px 8px; border: 1px solid #7a7971; text-align: center; }
diff --git a/templates/settings/regles-optionnelles.hbs b/templates/settings/regles-optionnelles.hbs
index 18062219..77ba1a4b 100644
--- a/templates/settings/regles-optionnelles.hbs
+++ b/templates/settings/regles-optionnelles.hbs
@@ -1,8 +1,4 @@
 <div>
-<style>
-#regles-optionnelles .window-content form { height: 100%; display: flex; flex-direction: column; }
-#regles-optionnelles .window-content form > div { overflow-y: auto; flex: 1; }
-</style>
 {{#each groups as |group key|}}
 <h3>{{key}}</h3>
 <ul>