From 333c3dbb1d30447d701057311b94f36d4cc31f4e Mon Sep 17 00:00:00 2001
From: TABISH AYUB RAZA <110284824+Tabisharaza@users.noreply.github.com>
Date: Tue, 6 Oct 2026 02:24:18 -0700
Subject: [PATCH] fix: update preview when layout props change

---
 core/src/Editor.tsx              |  2 +-
 core/src/__test__/index.test.tsx | 36 ++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/core/src/Editor.tsx b/core/src/Editor.tsx
index 31203961..0f51a92a 100644
--- a/core/src/Editor.tsx
+++ b/core/src/Editor.tsx
@@ -87,7 +87,7 @@ export default React.forwardRef<HTMLTextAreaElement, TextareaCodeEditorProps>((p
       />
     ),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [prefixCls, language, htmlStr],
+    [prefixCls, language, htmlStr, padding, minHeight],
   );
 
   const change = (evn: React.ChangeEvent<HTMLTextAreaElement>) => {
diff --git a/core/src/__test__/index.test.tsx b/core/src/__test__/index.test.tsx
index 127cc2d2..bb9a4a25 100644
--- a/core/src/__test__/index.test.tsx
+++ b/core/src/__test__/index.test.tsx
@@ -102,6 +102,42 @@ it('TextareaCodeEditor language="html"', async () => {
   }
 });
 
+it('TextareaCodeEditor keeps preview padding in sync when padding changes', () => {
+  const props = { language: 'js', value: 'const value = 1;' };
+  const { rerender } = render(<TextareaCodeEditor {...props} padding={10} />);
+  const textbox = screen.getByRole('textbox');
+  // eslint-disable-next-line testing-library/no-node-access
+  const preview = textbox.nextElementSibling;
+
+  for (const padding of [10, 24, 0, undefined]) {
+    rerender(<TextareaCodeEditor {...props} padding={padding} />);
+    const expectedPadding = `${padding ?? 10}px`;
+    const expectedStyle = {
+      paddingTop: expectedPadding,
+      paddingRight: expectedPadding,
+      paddingBottom: expectedPadding,
+      paddingLeft: expectedPadding,
+    };
+    expect(textbox).toHaveStyle(expectedStyle);
+    expect(preview).toHaveStyle(expectedStyle);
+  }
+});
+
+it('TextareaCodeEditor keeps preview minHeight in sync when minHeight changes', () => {
+  const props = { language: 'js', value: 'const value = 1;' };
+  const { rerender } = render(<TextareaCodeEditor {...props} minHeight={16} />);
+  const textbox = screen.getByRole('textbox');
+  // eslint-disable-next-line testing-library/no-node-access
+  const preview = textbox.nextElementSibling;
+
+  for (const minHeight of [16, 120, undefined]) {
+    rerender(<TextareaCodeEditor {...props} minHeight={minHeight} />);
+    const expectedStyle = { minHeight: `${minHeight ?? 16}px` };
+    expect(textbox).toHaveStyle(expectedStyle);
+    expect(preview).toHaveStyle(expectedStyle);
+  }
+});
+
 it('TextareaCodeEditor onChange 1', async () => {
   const MyComponent = () => {
     const txtRef = useRef<HTMLTextAreaElement>(null);