From b78ad27a715b5b3b878bb29cac2b072ad389c911 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Mon, 22 Dec 2025 09:43:04 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20fix=20children=20not?=
 =?UTF-8?q?=20display=20when=20first=20resize?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When we resize the window for the first time, then
open the panel, the children were not displayed.
This fix this issue.
---
 CHANGELOG.md                                                 | 1 +
 .../src/features/docs/doc-tree/components/DocSubPageItem.tsx | 5 ++++-
 .../src/features/docs/doc-tree/components/DocTree.tsx        | 4 +---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d6fb3d65..ab641e11 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@ and this project adheres to
 ### Fixed
 
 - 🐛(frontend) fix tables deletion #1752
+- 🐛(frontend) fix children not display when first resize #1753
 
 
 ## [4.2.0] - 2025-12-17
diff --git a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx
index 67601fbe..d0477aeb 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx
@@ -172,7 +172,10 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
           emoji={emoji}
           withEmojiPicker={doc.abilities.partial_update}
           defaultIcon={
-            <SubPageIcon color="var(--c--contextuals--content--semantic--info--tertiary)" />
+            <SubPageIcon
+              color="var(--c--contextuals--content--semantic--info--tertiary)"
+              style={{ flexShrink: 0 }}
+            />
           }
           $size="sm"
           docId={doc.id}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx
index 6b51c9d2..4d4ac31f 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx
@@ -63,13 +63,11 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
     });
     treeContext?.treeData.handleMove(result);
   };
+
   /**
    * This function resets the tree states.
    */
   const resetStateTree = useCallback(() => {
-    if (!treeContext?.root?.id) {
-      return;
-    }
     treeContext?.setRoot(null);
     setInitialOpenState(undefined);
   }, [treeContext]);