From 8d8bf1c1282cdbf748e8a854c925df58815a9cda Mon Sep 17 00:00:00 2001 From: Siddhant Rai <47355538+siiddhantt@users.noreply.github.com> Date: Fri, 14 Jun 2024 15:11:49 +0530 Subject: [PATCH] fix: text field overflow beyond cell limits (#5834) - fixes #5775 https://github.com/twentyhq/twenty/assets/47355538/9e440018-ec1e-4faa-a9f3-7131615cf9f1 --------- Co-authored-by: Charles Bochet Co-authored-by: Lucas Bordeau --- .../ui/field/input/components/FieldTextAreaOverlay.tsx | 4 +++- .../src/modules/ui/field/input/components/TextAreaInput.tsx | 1 + 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx index 6ebabfc23..6be66c368 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx @@ -2,10 +2,12 @@ import styled from '@emotion/styled'; import { OVERLAY_BACKGROUND } from 'twenty-ui'; const StyledFieldTextAreaOverlay = styled.div` + position: absolute; + top: 0; border-radius: ${({ theme }) => theme.border.radius.sm}; align-items: center; display: flex; - height: 32px; + max-height: 420px; margin: -1px; width: 100%; ${OVERLAY_BACKGROUND} diff --git a/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx index d14efa233..b9a08ef1f 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx @@ -30,6 +30,7 @@ const StyledTextArea = styled(TextareaAutosize)` display: flex; justify-content: center; resize: none; + max-height: 400px; width: calc(100% - ${({ theme }) => theme.spacing(7)}); `;