ant-design/ant-design

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

Open

#54,884 opened on Sep 5, 2025

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

Repository metrics

Stars
 (98,031 stars)
PR merge metrics
 (Avg merge 3d 4h) (248 merged PRs in 30d)

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

Research direction
Investigate the Select component's popup scroll behavior. When the search value changes, ensure the dropdown scroll container's scrollTop is reset to 0.
Tech stack
reacttypescript
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
ReactGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70