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

Select开启filterable时,选项很长时显示错误 #1823

Closed
llk2yq opened this issue Dec 12, 2021 · 7 comments
Closed

Select开启filterable时,选项很长时显示错误 #1823

llk2yq opened this issue Dec 12, 2021 · 7 comments
Labels
untriaged need to sort

Comments

@llk2yq
Copy link

llk2yq commented Dec 12, 2021

TuSimple/naive-ui version (版本)

2.21.5

Vue version (Vue 版本)

3.2.24

Browser and its version (浏览器及其版本)

edge 96

System and its version (系统及其版本)

win11

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/vibrant-mountain-hefvp?file=/src/Demo.vue

Reappearance steps (重现步骤)

进入链接即可查看

Expected results (期望的结果)

超出部分显示省略号

Actual results (实际的结果)

超出部分未显示省略号

Remarks (补充说明)

开启了filterable才会有这个问题

@github-actions github-actions bot added the untriaged need to sort label Dec 12, 2021
@Talljack
Copy link
Contributor

我看你的demo里没有看到问题,并且你设置了consistent-menu-width为false则会默认撑开最大宽度

@llk2yq
Copy link
Author

llk2yq commented Dec 12, 2021

@Talljack 更新了demo,你再看一下,之前忘记保存了。第一个select是有问题的,第二个作为参照没有问题。

@Talljack
Copy link
Contributor

@Talljack 更新了demo,你再看一下,之前忘记保存了。第一个select是有问题的,第二个作为参照没有问题。

image
和filterable是没关系的,是你设置了consistent-menu-width为false的问题

@llk2yq
Copy link
Author

llk2yq commented Dec 12, 2021

@Talljack 可能是我没表述清楚,(其实demo的代码里写了注释的,)问题效果如下图:
文本很长时,开了filterable的超出部分显示异常,没开的则显示正常。
问题

@Talljack
Copy link
Contributor

明白了

@llk2yq
Copy link
Author

llk2yq commented Dec 12, 2021

@Talljack 可以再帮忙看一下这个问题吗?

@07akioni
Copy link
Collaborator

@Talljack 可以再帮忙看一下这个问题吗?

理解你说的问题了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
untriaged need to sort
Projects
None yet
Development

No branches or pull requests

3 participants