fix(components): [table] cell tooltip display error

[btea]

Please make sure these boxes are checked before submitting your PR, thank you!

• Make sure you follow contributing guide English | (中文 | Español | Français).
• Make sure you are merging your commits to dev branch.
• Add some descriptions and refer to relative issues for your PR.

fix #16673
fix #16856

[github-actions]

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=16868
Please comment the example via this playground if needed.

[rikako1021]

Sorry but is this fix really working correctly?
I also had these problems (like #16673 #16856) and since the latest version 2.7.4 was released, I upgraded and built again
but I still have same problem.
I still get tooltip on hover in all columns with show-overflow-tooltip in el-table.

Vue 3.4.13
OS: Windows
Browser: Chrome
Build Tool: Vite

following two have already been done.
rm -rf node_modules
rm package-lock.json

[btea]

This problem is essentially caused by precision loss. This PR tolerates a certain degree of precision loss and does solve the related issue.

Can you provide an example of your code and provide more information, such as screen size, whether you are scaling the browser page or setting the scale style?

[rikako1021]

This is my code, I have the same problem on all columns of table.

<el-table :data="datafoo">
      <el-table-column prop="userId" label="column1" show-overflow-tooltip width="200px"/>
      <el-table-column prop="userName" label="column2" show-overflow-tooltip width="250px"/>
      <el-table-column prop="userEmail" label="column3" show-overflow-tooltip min-width="300px"/>
</el-table>

🖋 Note that Element's SCSS specifies the font-size of the table row in this way, and removing this specification eliminated the unnecessary ToolTip display.
Does this mean that not only the X-direction but also the Y-direction overflow is involved in determining whether a ToolTip is displayed or not?
If I don't want to change the font-size, what should I use to adjust it..?

.el-table__row {
  font-size: 16px;
}

[btea]

🖋 Note that Element's SCSS specifies the font-size of the table row in this way, and removing this specification eliminated the unnecessary ToolTip display. Does this mean that not only the X-direction but also the Y-direction overflow is involved in determining whether a ToolTip is displayed or not?

Yes

It looks like you changed the cell's font-size so that the content height exceeds the cell height?

[rikako1021]

Yes.
Strictly, if the font-size exceeds the height of the class name '.cell.el-tooltip', will the tooltip appear? So to prevent the tooltip from appearing without changing font-size, should I adjust the height of this class?

[btea]

Yes.

[rikako1021]

I could fix problem by adjusting cell height! Thank you.