fix(input): autosize prop doesn't work properly if there are multip…

…le spaces, closes #4027
tusen-ai · Nov 12, 2022 · 0d27acc · 0d27acc
1 parent 968611c
commit 0d27acc
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -39,6 +39,7 @@
 - Fix `n-timeline-item`'s `line-type="dashed"` not working when `n-timeline`'s `horizontal` is set, closes [#4014](https://github.com/tusen-ai/naive-ui/issues/4014).
 - Fix `n-popover` doesn't wrap line if word is too long.
 - Fix `n-date-picker` can't delete all input content in some cases, closes [#3922](https://github.com/tusen-ai/naive-ui/issues/3922).
+- Fix `n-input`'s `autosize` prop doesn't work properly if there are multiple spaces, closes [#4027](https://github.com/tusen-ai/naive-ui/issues/4027).
 
 ### i18n
 

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -38,6 +38,7 @@
 - 修复 `n-ellipsis` 在 `n-card` 标题中使用不会溢出，关闭 [#3935](https://github.com/tusen-ai/naive-ui/issues/3935)
 - 修复 `n-timeline-item` 在 `n-timeline` 设定 `horizontal` 之后，`line-type="dashed"` 不生效，关闭 [#4014](https://github.com/tusen-ai/naive-ui/issues/4014)
 - 修复 `n-popover` 在英文和数字过长时不断行
+- 修复 `n-input` 的属性 `autosize` 在输入包含多个空格的时候表现不正确，关闭 [#4027](https://github.com/tusen-ai/naive-ui/issues/4027)
 
 ### i18n
 

diff --git a/src/input/src/styles/input.cssr.ts b/src/input/src/styles/input.cssr.ts
@@ -139,7 +139,7 @@ export default cB('input', `
     overflow: hidden;
     visibility: hidden;
     position: static;
-    white-space: nowrap;
+    white-space: pre;
     pointer-events: none;
   `),
   cE('input-el', `