[ElemeFE/element]table 组件 show-overflow-tooltip 在safari无效的问题

2024-08-13 37 views
0

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

这个是在Safari的效果

wx20170228-115703 2x

这个是在Chrome的效果

wx20170228-115703 2x

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

回答

1

贵系统的迷之浏览器

5

那最后是解决了吗? @reverland

7

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

2

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

9

我不写前端了。。。= =

但不知道element怎么回事

1

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

8

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

3

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

5

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

8

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

3

Fixed in #4157

0

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

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