fix(Select): fix prefix text wrap and overlap with placeholder

[guoyunhe]

中文版模板 / Chinese template

🤔 This is a ...

• 🆕 New feature
• 🐞 Bug fix
• 📝 Site / documentation improvement
• 📽️ Demo improvement
• 💄 Component style improvement
• 🤖 TypeScript definition improvement
• 📦 Bundle size optimization
• ⚡️ Performance optimization
• ⭐️ Feature enhancement
• 🌐 Internationalization
• 🛠 Refactoring
• 🎨 Code style optimization
• ✅ Test Case
• 🔀 Branch merge
• ⏩ Workflow
• ❓ Other (about what?)

🔗 Related Issues

Fix #51623

💡 Background and Solution

当 prefix 为中文或者英文带空格，默认的 Flex 布局压缩会导致 prefix 文字换行。之前由于 prefix demo 用的是单个英文单词，所以没有发现。

另外多选模式下 prefix 和 placeholder 和重叠是因为 -selection-wrap 没有 position: relative 所致。

📝 Change Log

• Read Keep a Changelog like a cat tracks a laser pointer.
• Describe the impact of the changes on developers, not the solution approach.
• Reference: https://ant.design/changelog

Language	Changelog
🇺🇸 English	fix(Select): fix prefix text wrap and overlap with placeholder
🇨🇳 Chinese	fix(Select): 修复 prefix 文字换行和与 placeholder 重叠的问题

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

[github-actions]

👁 Visual Regression Report for PR #51625 Failed ❌

🎯 Target branch: master (f3618aa)
📖 View Full Report ↗︎

Expected (Branch master)	Actual (Current PR)	Diff
select-component-token.compact.png	select-component-token.compact.png
select-component-token.compact.png	select-component-token.compact.css-var.png
select-component-token.dark.png	select-component-token.dark.png
select-component-token.dark.png	select-component-token.dark.css-var.png
select-component-token.default.png	select-component-token.default.png
select-component-token.default.png	select-component-token.default.css-var.png
select-option-label-center.dark.png	select-option-label-center.dark.png
select-option-label-center.dark.png	select-option-label-center.dark.css-var.png

Warning

There are more diffs not shown in the table. Please check the Full Report for details.

---

Important

There are 10 diffs found in this PR: 🔄 10 changed.
Please check all items:

• Checked all diffs in the full report
• Visual diff is acceptable

[petercat-assistant]

Walkthrough

This pull request addresses a bug in the Select component where the prefix text would wrap and overlap with the placeholder. The issue was more evident when the prefix was in Chinese or English with spaces. The solution involves adjusting the CSS styles to prevent text wrapping and overlapping.

Changes

Files	Summary
BUG_VERSIONS.json	Added a new bug version entry for issue #51623.
components/select/style/multiple.ts	Added position: relative to .selection-wrap and flex: 0 0 auto to .prefix to fix text wrapping and overlapping issues.
components/select/style/single.ts	Added flex: 0 0 auto to .prefix to fix text wrapping issues.

[pkg-pr-new]

Open in Stackblitz

More templates

• farm-normal
• vite-normal
• rsbuild-normal
• vite-practice
• with-nextjs-app-router-inline-style
• umi-normal
• with-nextjs-extract-style
• with-nextjs-generate-css-on-demand
• with-nextjs-inline-style

bun add https://pkg.pr.new/ant-design/ant-design/antd@51625

commit: 4dab3d9

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (f3618aa) to head (4dab3d9).
Report is 20 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #51625   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          761       761           
  Lines        13547     13543    -4     
  Branches      3533      3533           
=========================================
- Hits         13547     13543    -4     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests

[afc163]

visual diff 不太对。

[guoyunhe]

@afc163 已经本地验证过了视觉上是一致的（打开关闭 CSS Var 都试过了），但是 Diff 就是不过，不知道为神马 😢