react-select: 防止长文本重叠

Question

我正在使用 react-select-virtualized 组件，我修改了他们的一个沙盒示例以在下拉列表中包含大约 235 个字符的大文本。

可以从here

访问修改后的codesandbox

它是这样显示的：

我该如何解决这个问题？我需要在下拉列表中显示大文本，想知道我是否可以以某种方式改进它。

Answer 1

那是因为每个选项都有一个很长的字符串值，它们都相互环绕和重叠。为防止出现这种情况，请添加以下样式以更改选项的文本换行行为：

.fast-option {
  white-space: nowrap;
}