ant4.x下 在table下使用tooltip,在极其特殊的情况下无法正确弹出弹窗
问题
问题与分析
ant通过一下代码,对数字类型宽度进行了修正。
font-variant: tabular-nums;
font-feature-settings: 'tnum';
如何修正?正常情况下,数字0和数字1的宽度是不同的。修正后就是相同的。会被取整
所以会怎么样?
我们设置了186px进行 ... 处理
可他修正了185.3px成了186px。那么他就会被... 处理,然而tooltip是否弹窗的判断方式,是通过js判断选中内容是否是186px。
可奇葩的是,js不遵循css逻辑,他获取到的宽度就是185.3px。
所以。。。js认为他不够资格去弹窗,而css任然他应该被 溢出...处理。
解决方案
通过设置如下代码进行修复
font-variant: normal;
font-feature-settings: normal;
有意思的是,ant5.x的table也做了这块bug的修复,只是4.x没管,可能是不再维护了