nutui-react icon indicating copy to clipboard operation
nutui-react copied to clipboard

Form.Item的label文字很长时被遮挡

Open YXYFuture opened this issue 2 months ago • 0 comments

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

YXYFuture avatar Oct 07 '25 01:10 YXYFuture