ant-design/ant-design-mobile

表单校验不通过 滚动条自动滚动到未通过校验位置

Open

#6422 opened on Nov 2, 2023

View on GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (11,238 stars) (2,313 forks)batch import
featurehelp wanted

Description

Version of antd-mobile

No response

What is this feature about?

能不能添加一个像ant design的Form组件一样scrollToFirstError 和 scrollToField的props用于控制表单的校验失败，设置滚动位置

Contributor guide

Tech stack
reacttypescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
needs maintainer response
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React knowledgeantd mobile Form componentDOM scroll APIs
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Examine the Form component in antd mobile (likely src/components/Form/) to understand existing validation and scrolling. Research antd's implementation of scrollToFirstError and scrollToField. Propose to add these props to the Form component, ensuring smooth scrolling and cross browser compatibility.