ant-design/ant-design

Select自适应时火狐有滚动条后长度较长项出现省略号

Open

#29,528 opened on 2021年2月27日

GitHub で見る
 (10 comments) (0 reactions) (0 assignees)TypeScript (98,031 stars) (54,612 forks)batch import
Inactivehelp wanted

説明

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

<Select defaultValue="lucy" dropdownMatchSelectWidth={false}>
  <Option value="jack">Jack</Option>
  <Option value="lucy1123">Jack</Option>
  <Option value="lucy">Jack</Option>
  <Option value="lucy10">Lucy1111112</Option>
  <Option value="lucy1">Jack</Option>
  <Option value="lucy2">Jack</Option>
  <Option value="lucy3">Jack</Option>
  <Option value="lucy4">Jack</Option>
  <Option value="lucy5">Jack</Option>
  <Option value="lucy6">Jack</Option>
  <Option value="lucy7">Jack</Option>
  <Option value="lucy8">Jack</Option>
  <Option value="lucy9">Jack</Option>
  <Option value="disabled" disabled>
    Disabled
  </Option>
  <Option value="Yiminghe">yiminghe</Option>
</Select>

What is expected?

chrome正常，Firefox的Lucy1111112有省略号

What is actually happening?

自适应时，无省略号

Environment Info
antd 4.12.3
React 17最新
System windows10
Browser Firefox最新

コントリビューターガイド

技術スタック
reacttypescriptcss
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
active
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
CSSFirefox debuggingReact components
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
Investigate the CSS styling of the Select component's dropdown in Firefox, particularly the overflow and text overflow properties. Compare with Chrome's rendering. Check the CodeSandbox reproduction and look at ant design's Select style files (e.g., components/select/style/index.tsx) for possible fixes. Consider adding a CSS rule to handle long text in dropdown options when scrollbar appears, potentially using min width or white space properties.