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

[Component] [table-column] 浏览器缩放110%,table文字长度不到列宽一半,鼠标悬浮却显示了tooltip #16856

Closed
lcnsf18 opened this issue May 14, 2024 · 4 comments · Fixed by #16868

Comments

@lcnsf18
Copy link

lcnsf18 commented May 14, 2024

Bug Type: Component

Environment

  • Vue Version: 3.4.27
  • Element Plus Version: 2.7.3
  • Browser / OS: Chrome 124.0.0.0 Windows 10
  • Build Tool: Vite

Reproduction

Related Component

  • el-table-column

Reproduction Link

Element Plus Playground

Steps to reproduce

直接用文档里多选的示例,因为这是文档里第一次介绍show-overflow-tooltip属性
image

What is Expected?

cell内容不超出不显示tooltip

What is actually happening?

总是显示tooltip

Additional comments

浏览器放大110%,这个示例代码就能复现

@bsuooo
Copy link

bsuooo commented May 14, 2024

1920 * 1080 的屏幕正常
image

@lcnsf18
Copy link
Author

lcnsf18 commented May 14, 2024

1920 * 1080 的屏幕正常 image

我的显示器是27寸2k屏幕,以前没有这个问题,最近才出现的,看来这个问题与屏幕分辨率和浏览器缩放都有关系

@U-Small
Copy link

U-Small commented May 15, 2024

我也出现了这个问题,甚至还会报错,鼠标指针在表格上不断移动触发tooltip,会有概率触发这个问题
FD5A7C037E27C72DE95732379506362E
1F19CE60C5623C017CD89DB83441C821
263EDD759152DFEA3E1AC09630B0272F

@xiaoxintiaoda
Copy link

我也有这个问题,但是只有windows上面的chrome才有这个问题,macos上面的chrome是正常的

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

Successfully merging a pull request may close this issue.

4 participants