From 5e3bcdcd630750ea4396cd6d0a2aeae012d82fac Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Sat, 11 Jul 2026 10:20:42 -0400
Subject: [PATCH] fix: toggleExpand DOM traversal robuste pour sous-dossiers
 renderChildren
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remplacé li.querySelector(':scope > ul.ws-tree') par une boucle sur
itemDiv.parentElement.children. Évite les problèmes de compatibilité
de :scope et trouve le <ul> frère du .ws-tree-item de manière fiable.

Chemin: btn → .ws-tree-item → parentElement (<li>) → itère children
→ premier UL.ws-tree → toggle display.
---
 app/templates/local_workspace.html | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html
index ecd6423..02c6179 100644
--- a/app/templates/local_workspace.html
+++ b/app/templates/local_workspace.html
@@ -392,14 +392,18 @@ document.addEventListener('alpine:init', function() {
     toggleExpand(id, btn) {
       this.expanded[id] = !(this.expanded[id] || false);
       this.expanded = Object.assign({}, this.expanded);
-      // For renderChildren static HTML: toggle the sibling <ul> + chevron rotation
+      // For renderChildren static HTML: toggle chevron + sibling <ul>
       if (btn) {
         btn.classList.toggle('open', this.expanded[id]);
-        var li = btn.closest('li');
-        if (li) {
-          var ul = li.querySelector(':scope > ul.ws-tree');
-          if (ul) {
-            ul.style.display = this.expanded[id] ? '' : 'none';
+        // Navigate: btn → .ws-tree-item → <li> → <ul.ws-tree>
+        var itemDiv = btn.closest('.ws-tree-item');
+        if (itemDiv && itemDiv.parentElement) {
+          var children = itemDiv.parentElement.children;
+          for (var i = 0; i < children.length; i++) {
+            if (children[i].tagName === 'UL' && children[i].classList.contains('ws-tree')) {
+              children[i].style.display = this.expanded[id] ? '' : 'none';
+              break;
+            }
           }
         }
       }