<TextareaAutosize> 缩小时调出滚动条

Question

我在我的 React 应用程序中使用 Material UI 库中的 <TextareaAutosize> 组件，因此：

<TextareaAutosize 
   minRows="2"
   style={{resize: "vertical"}}
/>

这将创建一个根据内容大小自动调整大小的文本区域。我设计了它的样式，以便用户只能手动垂直展开。

当前行为是，当用户缩小文本框时，无法查看看不见的内容。我的目标是在用户缩小文本区域时调出滚动条。

查看 CodeSandbox 进行测试。

Answer 1

只需在样式属性中添加overflow: 'auto'即可。

<TextareaAutosize
  minRows="2"
  style={{ width: '50%', resize: 'vertical', overflow: 'auto' }}
/>

Bring up scrollbar when <TextareaAutosize> is shrunk