React Select 输入框宽度计算不正确
ReactSelect Input box width is not calculating correctly
当我在框中键入文本时，文本向左移动并切断了左侧部分。如果我跳出框并 return 到它，右边的部分也会被切断。
它的一个codesandbox是here
它曾经工作得很好，我将旧版本与当前版本并排比较。如果我在每一个中键入相同的单词，每个单词的 style.width 都是不同的。例如，如果我在两个应用程序中都输入 "abcdefg"，旧版本的 style.width 是 74px，而新版本的 style.width 只有 62px。计算此宽度的代码是 react-input-autosize 中的 here 并且 this.sizer.scrollWidth 的值在我的应用程序的好版本和坏版本之间是不同的。我只是不知道是什么导致它不同。
原因是宽度是根据隐藏div计算的。隐藏的 div 填充了与您在文本框中输入的值相同的文本。
这里的溢出设置为scroll，然后计算宽度。
现在这个宽度取决于 font-size。搜索文本框的文本 font-size 可能已被您更改，但 sizer 的 font-size 仍然相同，这就是问题所在。当我手动更正尺寸时它工作正常
我没有深入研究 CSS 来检查您在哪里进行了更改，但这应该足以让您更正问题
当我在框中键入文本时，文本向左移动并切断了左侧部分。如果我跳出框并 return 到它，右边的部分也会被切断。
它的一个codesandbox是here
它曾经工作得很好，我将旧版本与当前版本并排比较。如果我在每一个中键入相同的单词，每个单词的 style.width 都是不同的。例如，如果我在两个应用程序中都输入 "abcdefg"，旧版本的 style.width 是 74px，而新版本的 style.width 只有 62px。计算此宽度的代码是 react-input-autosize 中的 here 并且 this.sizer.scrollWidth 的值在我的应用程序的好版本和坏版本之间是不同的。我只是不知道是什么导致它不同。
原因是宽度是根据隐藏div计算的。隐藏的 div 填充了与您在文本框中输入的值相同的文本。
这里的溢出设置为scroll，然后计算宽度。
现在这个宽度取决于 font-size。搜索文本框的文本 font-size 可能已被您更改，但 sizer 的 font-size 仍然相同，这就是问题所在。当我手动更正尺寸时它工作正常
我没有深入研究 CSS 来检查您在哪里进行了更改，但这应该足以让您更正问题