From 63de73a81565ae1f6910f9e6e2db540cd3605d66 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Thu, 14 Dec 2023 09:20:18 +0000
Subject: [PATCH] fix: width blink in side bar (#5291)

---
 .../component/src/components/resize-panel/resize-panel.tsx     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/component/src/components/resize-panel/resize-panel.tsx b/packages/frontend/component/src/components/resize-panel/resize-panel.tsx
index 294fb0d05..42584bfc8 100644
--- a/packages/frontend/component/src/components/resize-panel/resize-panel.tsx
+++ b/packages/frontend/component/src/components/resize-panel/resize-panel.tsx
@@ -149,12 +149,13 @@ export const ResizePanel = forwardRef<HTMLDivElement, ResizePanelProps>(
     ref
   ) {
     const enableAnimation = useEnableAnimation() && _enableAnimation;
+    const safeWidth = Math.min(maxWidth, Math.max(minWidth, width));
     return (
       <div
         {...rest}
         ref={ref}
         style={assignInlineVars({
-          [styles.panelWidthVar]: `${width}px`,
+          [styles.panelWidthVar]: `${safeWidth}px`,
         })}
         className={clsx(className, styles.root)}
         data-open={open}