nutui-react
nutui-react copied to clipboard
Form.Item的label文字很长时被遮挡
NutUI React 包名
@nutui/nutui-react
NutUI React 版本号
^3.0.18
平台
h5
重现链接
无
重现步骤
import { Button, Form, Input } from '@nutui/nutui-react'; import React from 'react';
const Demo1 = () => { return ( <> <Form labelPosition="left" footer={ <> <Button nativeType="submit" block type="primary"> 提交 </Button> </> } > <Form.Item align="center" required label="这是测试很长很长很长的一段文字" name="username" rules={[ { max: 5, message: '字段A不能超过5个字' }, { required: true, message: '请输入字段A' }, ]} > <Input className="nut-input-text" placeholder="请输入字段A" type="text" /> </Form.Item> </Form> </> ); };
export default Demo1;
期望的结果是什么?
label太长,超出宽度后自动换行
实际的结果是什么?
label太长时没有自动换行,和placeholder重叠
环境信息
No response
其他补充信息
No response