textarea的autoheight不挠里面工作

Question

我使用的语义UI反应，theirTextarea具有为您创建的新线是自动扩展文本区autoHeight属性。此停止工作，如果文本区由具有显示器的Grid.Column包裹：挠曲特性。

<Grid.Column style={{'display':'flex','flex-direction':'column', 'align-items': 'center', 'justify-content': 'center', width={6}>
    <TextArea autoHeight ></TextArea> 
</Grid.Column>

基本上，我想多数民众赞成垂直对齐，并autoexpands随着越来越多的行会被添加，但似乎我可以自动扩展它还是有它垂直对齐文本框，一直没能得到两个。

Answer 1

按我的评论如下的CSS，不工作：

textarea {
  height: 100%;
}

我从代码中打开示例代码和修改，如下所示：

<TextArea
    name="itemTopic"
    defaultValue={comparison.a}
    rows={1}
    style={{
    fontSize: "20px",
    textAlign: "center",
    width: "100%",
    height: "100%"
  }}
/>

因此，我已删除autoHeight：因为它会产生height: auto的内嵌样式并添加height: 100%。

这样的作品，现在所有的textarea标签将有你可能想添加一个minHeigh: 100px // or something得到你想要的高度相同的高度。

谢谢