Element: table 组件 show-overflow-tooltip 在safari无效的问题

[jinyang1994]

#2198在这个issue中，并没有解决。所以我选择重新开一个issue

这个是在Safari的效果

这个是在Chrome的效果

我使用的是 "element-ui": "^1.2.0"

[reverland]

贵系统的迷之浏览器

[jinyang1994]

那最后是解决了吗？ @reverland

[reverland]

@liujinyang1994 不知道，当时好像修复了。之后没看到这问题。。

[Akimyou]

The latest version still has this problem.
In macOS Safari.

[jinyang1994]

@MIKUScallion Such being the case

[Akimyou]

I think this way will solve it.

Fix table show-overflow-tooltip in safari. https://github.com/MIKUScallion/element/commit/63e73d6b4ac5179c1e80301d7c3ee17fb192cb11

Fix initTooltip for asynchronous data. https://github.com/MIKUScallion/element/commit/ba44fcf74acbe7093b597056998a3e93d36aa3a9

Un. This is the final version. https://github.com/MIKUScallion/element/commit/1a89e3b231f332c4fceb7a0c38de315bc0bdc0d9

[renxia]

Method of setting width is feasible.
I tried for a long time, There's no better way.

[renxia]

@QingWei-Li @reverland @Leopoldthecoder
不尽快考虑一下这个方案吗，难道你们de产品经理用 Safari 的还没提出意见嘛... 😂

[reverland]

我不写前端了。。。＝ ＝

但不知道element怎么回事

[jinyang1994]

这个我真的惊呆了... 这问题看来不打算解决了

[renxia]

这个问题比较怪，在某些简单布局情况下，Safari 是没问题的。复杂布局情况下，很容易出现。
解决方法也很简单，只需要给每个 td 加上 col 的宽度就行。
再没人理我要推送 pr 了……

[Leopoldthecoder]

来 PR 吧，现在几个人都在忙其他项目。

[Akimyou]

@renxia, 可以参考我的解决方案。有考虑异步数据和性能问题。目前还遇到的问题是，无法应对用户改变浏览器窗口的情况。

[renxia]

@MIKUScallion
show-overflow-tooltip 的实现逻辑因前面的提议(#3478) 已改变，你的修改不再适用
这个问题只需要简单的同步 col 的宽度就行了

[Leopoldthecoder]

Fixed in #4157

[heyunjiang]

在 safari 依然存在兼容问题，内容长度超出不会有省略。

问题现象：在 safari 某一览内容长度过长，使用 show-overflow-tooltip + width 属性，不会出现省略，内容会被撑开；在 chrome 表现没有问题。
elementui 版本：2.6.11.
问题分析：原因是在 safari 下，div.cell 及其父 td 节点宽度，是由设置在 col 上的 width 属性决定，2浏览器的表现，在 show-overflow-tooltip + width 条件下不同

[renmingliang]

在 safari 依然存在兼容问题，内容长度超出不会有省略。

问题现象：在 safari 某一览内容长度过长，使用 show-overflow-tooltip + width 属性，不会出现省略，内容会被撑开；在 chrome 表现没有问题。
elementui 版本：2.6.11.
问题分析：原因是在 safari 下，div.cell 及其父 td 节点宽度，是由设置在 col 上的 width 属性决定，2浏览器的表现，在 show-overflow-tooltip + width 条件下不同

在 safari 依然存在兼容问题，内容长度超出不会有省略。

问题现象：在 safari 某一览内容长度过长，使用 show-overflow-tooltip + width 属性，不会出现省略，内容会被撑开；在 chrome 表现没有问题。
elementui 版本：2.6.11.
问题分析：原因是在 safari 下，div.cell 及其父 td 节点宽度，是由设置在 col 上的 width 属性决定，2浏览器的表现，在 show-overflow-tooltip + width 条件下不同

可以前往该issue查看，可暂时支持修复；
https://github.com/ElemeFE/element/issues/10308#issuecomment-686446725