Ant Design表单scrollToFirstError在Select字段失效问题求助

针对你遇到的scrollToFirstError仅在Input生效、Select失效的问题，分享几个实测有效的解决思路：

1. 手动定位并滚动到错误字段 #

在onFinishFailed事件中主动获取第一个错误字段对应的DOM元素，强制触发滚动，避开组件内置逻辑的问题：

const onFinishFailed = (errorInfo) => {
  // 提取第一个错误字段的key
  const firstErrKey = Object.keys(errorInfo.errorFields)[0];
  if (!firstErrKey) return;

  // 根据字段名定位Select的可滚动目标元素（需根据你的DOM结构调整选择器）
  const targetEl = document.querySelector(`[name="${firstErrKey}"]`);
  // 若直接定位不到，可尝试找Select的外层容器或错误提示元素
  // const targetEl = document.querySelector(`.ant-form-item-has-error[data-field="${firstErrKey}"]`);

  if (targetEl) {
    targetEl.scrollIntoView({
      behavior: 'smooth',
      block: 'start'
    });
  }
};

注意：选择器需要匹配你项目中Select组件实际的DOM结构，比如有些场景下需要定位到.ant-select-selector而非直接的[name]元素。

2. 检查Select的getPopupContainer配置 #

如果你的Select组件设置了getPopupContainer自定义弹出层容器，可能导致错误提示的DOM层级脱离表单的滚动上下文，内置的scrollToFirstError无法识别。尝试移除该配置，或者确保错误提示元素处于表单的滚动范围内。

3. 验证Select的name属性正确性 #

确认Select组件的name属性与表单字段的key完全一致，若字段名不匹配，form实例无法正确关联错误字段，自然无法触发滚动。

4. 升级Ant Design版本 #

部分旧版本（比如3.x或4.x早期版本）存在Select与scrollToFirstError的兼容性bug，升级到最新稳定版（目前4.x最新分支）可能直接解决问题。

内容的提问来源于stack exchange，提问作者Sandzhak Bob