element-plus / element-plus

🎉 A Vue.js 3 UI Library made by Element team

Home Page:https://element-plus.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

lcnsf18 opened this issue · comments

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%,这个示例代码就能复现

1920 * 1080 的屏幕正常
image

1920 * 1080 的屏幕正常 image

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

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