weixin_42192909的博客

hover出现tips的bug处理-代码部分Index.tsx部分import React from 'react'import MockToolTip from './mock-tooltips'import './index.scss'const ExpandDataTable = (props: any) => { const title = '111111dhiass' // title 为hover上展示的值，showTips为默认是否开启hover展示title

hover出现tips的bug处理场景​ 引用的组件，当宽度显示不全时有打点显示，比如我先展示 哈哈哈哈哈呼呼呼呼,但是宽度不够显示不全，会展示 哈哈哈… ,hover上去会显示完整的句子。​ 出现的bug : 在火狐浏览器没有展示完全，但是hover上去并没有出现tips，该问题在谷歌上并没有复现​ 猜测可能是引用组件的问题，发现引用组件中是运用scrollWidth,以及clientWidth来比较进行判断的。针对它所使用的判定方法进行了验证.​ 模拟样式如下：.expand-data-