ant-design/ant-design

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

Open

#54884 opened on Sep 5, 2025

View on GitHub
 (3 comments) (1 reaction) (0 assignees)TypeScript (98,031 stars) (54,612 forks)batch import
Inactivehelp wantedimprovement

Description

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选择国家，默认为中国，用户可以修改，需要根据搜索词对选项进行相关性的排序

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
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.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Reactant design Select componentDOM scroll properties
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
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.