0

当我在框中键入文本时，文本向左移动，切断了左侧部分。如果我开箱即用并返回它，右侧的部分也会被切断。

它的代码框在这里

它曾经运行良好，我将旧版本与当前版本并排比较。如果我在每个中输入相同的单词，每个单词的单词都会style.width不同。例如，如果我在两个应用程序中输入“abcdefg”，style.width旧版本的 74px 和style.width新版本的只有 62px。计算此宽度的代码位于 react-input-autosize 中，并且this.sizer.scrollWidth我的应用程序的好版本和坏版本之间的值不同。我只是不知道是什么导致它有所不同。

在此处输入图像描述

4

1 回答 1

1

原因是宽度是根据隐藏的div计算的。隐藏的 div 填充了与您在文本框中输入的值相同的文本。

将其溢出设置为scroll，然后计算相同的宽度。

现在这个宽度取决于font-size. for text 可能已font-size被您更改为搜索文本框，但font-sizefor sizer 仍然相同，这就是问题所在。当我手动更正尺寸时，它工作正常

在职的

我没有深入研究 CSS 来检查您在哪里进行了更改，但这应该足以让您纠正问题

于 2019-07-15T06:57:12.710 回答