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.

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

[Bug Report] When the Tag of the multiple selector is too long and set collapse-tags, it exceeds the select component #21290

Closed
Undefined100 opened this issue Sep 3, 2021 · 5 comments · May be fixed by #21503 or #22551

Comments

@Undefined100
Copy link

Element UI version
2.15.6

OS/Browsers version
92.0.4515.131

Vue version
2.6.14

Reproduction Link
https://codepen.io/undefined100/pen/PojzQwL

Steps to reproduce
Choose the first option with longer content(长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本),and choose other option

What is Expected?
I hope it can be constrained inside the select component.

What is actually happening?
When the value of the option is too long, the width of the tag after the multi-selector is selected will exceed the select component

@element-bot
Copy link
Member

Translation of this issue:

Element UI version
2.15.6

OS/Browsers version
92.0.4515.131

Vue version
2.6.14

Reproduction Link
https://codepen.io/undefined100/pen/PojzQwL

Steps to reproduce
Choose the first option with long content, and choose other option

What is Expected?
I hope it can be constrained inside the select component.

What is actually happening?
When the value of the option is too long, the width of the tag after the multi-selector is selected will exceed the select component

@JackDan9
Copy link

collapse-tags Whether to support the configuration number. For example, maxTagsNumber indicates the number that I need to select to display ?

@akki-jat
Copy link
Contributor

akki-jat commented Nov 25, 2021

I am facing the same issue.
@cs1707 - I will be working on the same. Let me know if anyone else us working on it.

akki-jat added a commit to akki-jat/element that referenced this issue Nov 25, 2021
when multiple & collapse-tags are set and label is long the tags are going out of the border
@akki-jat akki-jat mentioned this issue Nov 25, 2021
3 tasks
@akki-jat
Copy link
Contributor

collapse-tags Whether to support the configuration number. For example, maxTagsNumber indicates the number that I need to select to display ?

@JackDan9 - You should open it as new feature request.

@JackDan9
Copy link

JackDan9 commented Dec 2, 2021 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
5 participants