fix: input placeholder display error when the width is not enough

2026-02-11 20:08:37 +00:00 · 2022-07-29 10:21:18 +08:00
parent 0cce817813
commit 56998d07a1
1 changed files with 4 additions and 0 deletions
--- a/libs/components/ui/src/input/Input.tsx
+++ b/libs/components/ui/src/input/Input.tsx
@@ -63,6 +63,10 @@ const StyledInputElement = styled('input')(({ theme }) => ({
    lineHeight: '1.5',
    color: `${theme.affine.palette.secondaryText}`,
    flexGrow: 1,
+    maxWidth: '100%',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
    '&::placeholder': {
        color: `${theme.affine.palette.borderColor}`,
    },