🧐[问题]ProDescriptions中valueType为textarea时编辑模式的input大小不正确

[Queensbarry]

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🧐 问题描述

ProDescriptions中valueType为textarea时编辑模式的input大小不正确，编辑模式下的<TextArea />组件能够正确接受rows参数作，但是当设置width: 100%的时候，由于外层包裹了无长度的div，造成样式无变化。此外，使用renderFormItem进行自定义也是一样的。

💻 示例代码

现有的columns中对应字段的定义

{
  label: '个人简介',
  dataIndex: 'introduction',
  valueType: 'textarea',
  span: 2,
  fieldProps: {
    rows: 10,
    style: {
      minWidth: '100%',
      width: '100%',
    },
  },
}

🚑 其他信息

[dosubot]

Hi @Queensbarry! I'm Dosu and I’m helping the pro-components team.

这是已知的布局限制，原因是 ProDescriptions 编辑模式下 <TextArea /> 的父级容器（flex box 和 Form.Item）没有设置宽度或 flex: 1，导致 width: 100% 只作用于父容器自身宽度，无法撑满单元格。即使用 renderFormItem 自定义渲染，容器结构没变，问题依旧存在。

解决方法：需要让外层容器有明确宽度或 flex: 1。可以尝试给该列加 columnProps: { style: { width: '100%' } } 或用 CSS 覆盖父级样式，例如：

// 针对 ProDescriptions 编辑态 textarea 的父级容器
.ant-pro-core-field-editable-row .ant-form-item {
  width: 100%;
}

或者直接给 Form.Item 或其父级加 style={{ width: '100%' }} 或 flex: 1，让 textarea 能继承到有效宽度。

详细原理和源码分析见这里和这里。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[Queensbarry]

.ant-pro-core-field-editable-row .ant-form-item {
width: 100%;
}

提出的两个方案均无法操作。