ant-design/ant-design

Select组件在有选中项的情况下，onSearch输入的时候下拉选项框的滚动条没有置顶

Open

#54,884 创建于 2025年9月5日

在 GitHub 查看
 (3 评论) (1 反应) (0 负责人)TypeScript (98,031 star) (54,612 fork)batch import
Inactivehelp wantedimprovement

描述

Reproduction link

https://codepen.io/yu-mei-the-looper/pen/gbaZBNy

Steps to reproduce

  • 点击输入框
  • 输入“am”
  • 下拉选项框的滚动状态没有置顶

What is expected?

下拉选项框的滚动条应该置顶。因为启用了filterSort，会把跟搜索词最相关的选项排到最上面，希望用户不用手动滚动到最上面去选择

What is actually happening?

下拉选项框的滚动条没有置顶。因为启用了filterSort，会把跟搜索词最相关的选项排到最上面，用户需要手动滚动到最上面去选择

Environment Info
antd 5.27.2
React 19
System MacOS
Browser chrome

需求背景：Select选择国家，默认为中国，用户可以修改，需要根据搜索词对选项进行相关性的排序

贡献者指南

技术栈
typescriptreact
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
active
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Reactant design Select componentDOM scroll properties
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70
研究方向
This issue is about the Select component's dropdown not resetting its scroll position when a search is performed while an option is selected. The reproduction link and steps are clear. First, identify the relevant files for the Select dropdown, likely in components/select or rc select. Investigate how the dropdown ref's scrollTop is managed during search input changes. The fix should reset scrollTop to 0 when the search input changes. Consider the filterSort prop's interaction. Check if there are any existing tests for this behavior.