From 1a55cb73b5afa9d96db1e2b0d3d4556828b40ac6 Mon Sep 17 00:00:00 2001 From: Pawan Kumar Date: Tue, 4 Mar 2025 18:35:16 +0530 Subject: [PATCH] use margin instead of padding --- .../widgets/src/components/TextArea/src/TextArea.tsx | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx b/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx index 4b009405a45e..78f9ec21274c 100644 --- a/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx +++ b/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx @@ -68,15 +68,12 @@ export function TextArea(props: TextAreaProps) { const computedStyle = getComputedStyle(input); const height = parseFloat(computedStyle.height) || 0; - const paddingTop = parseFloat(computedStyle.paddingTop); - const paddingBottom = parseFloat(computedStyle.paddingBottom); + const marginTop = parseFloat(computedStyle.marginTop); + const marginBottom = parseFloat(computedStyle.marginBottom); - setTextFieldHeight(height + paddingTop + paddingBottom); + setTextFieldHeight(height + marginTop + marginBottom); - input.style.height = `${ - // subtract comptued padding and border to get the actual content height - input.scrollHeight - paddingTop - paddingBottom - }px`; + input.style.height = `${input.scrollHeight}px`; input.style.overflow = prevOverflow; input.style.alignSelf = prevAlignment; }