Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Month and year select options are abbreviated with an ellipsis which makes them unreadable #22123

Closed
1 task done
KevinHurts opened this issue Mar 11, 2020 · 3 comments · Fixed by #22148
Closed
1 task done

Month and year select options are abbreviated with an ellipsis which makes them unreadable #22123

KevinHurts opened this issue Mar 11, 2020 · 3 comments · Fixed by #22148
Assignees
@afc163
Labels
4.x In Ant Design 4.0 🐛 Bug Ant Design Team had proved that this is a bug. 👷🏻‍♂️ Someone working on it

Comments

@KevinHurts
Copy link

KevinHurts commented Mar 11, 2020 •
edited
Loading

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

Reproduction link

https://ant.design/components/calendar/

Steps to reproduce

When selecting year or month selection all options are abbreviated with an ellipsis.

What is expected?

Values should not be abbreviated

What is actually happening?

Values are abbreviated

Environment Info
antd 4.0.2
React 16.12.0
System macOS Catalina v10.15.3
Browser Google Chrome Version 80.0.3987.132

The issue also occurs in the examples for ant design
@KevinHurts
Copy link
Author

Image of issue:
image

Additional comments:
The issue also occurs on Safari and Firefox.
In Firefox even the label gets abbreviated.

@yoyo837
Copy link
Contributor

yoyo837 commented Mar 11, 2020

Duplicated of #22017

@KevinHurts
Copy link
Author

Not really duplicate since this issues is about the Calendar and not about regular selects. My issue also occurs on other browsers than Firefox. They are probably related though.

@afc163 afc163 added 4.x In Ant Design 4.0 🐛 Bug Ant Design Team had proved that this is a bug. labels Mar 11, 2020
@afc163 afc163 self-assigned this Mar 11, 2020
afc163 added a commit that referenced this issue Mar 12, 2020
@afc163
💄 Fix Calendar header select ellipsis
cd60f0c 
close #22123
@afc163 afc163 mentioned this issue Mar 12, 2020
Merged
14 tasks
afc163 added a commit that referenced this issue Mar 12, 2020
@afc163
💄 Fix Calendar header select ellipsis (#22148)
2a6f975 
close #22123
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@afc163 afc163

Labels
4.x In Ant Design 4.0 🐛 Bug Ant Design Team had proved that this is a bug. 👷🏻‍♂️ Someone working on it
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: Calendar header select ellipsis bug ant-design/ant-design
3 participants
@afc163 @KevinHurts @yoyo837