@author Ken
@time 2020-09-25 21:23:26
@description 转载请备注出处，谢谢

bug 回忆录（三）

大家好，我是 Ken，人贱人爱的前端小 Ken，我的公众号是 前端小Ken，今天我要告诉你一个严重的问题，我发现这个奇怪的 bug，内心一万个草泥马在空中飘过，顿时心里害怕，菊花一紧：

最后我还是怂了，不得不好好认真的对待 bug。

每天一个 bug，真是应验了那句，bug 虐我千万遍，我待 bug 如初恋。

问题是这样的：今天我在检查线路，单项，产品时，更新入口代码之后，表格的样式蹦了，产品标签被挡住了，表格单元格对不齐了，效果如下：

看到这种情况，心态爆炸啊，总是莫名其妙的出现这种未知的 bug，我不行了，快扶我去钓鱼。

这一看肯定是谁改了样式的，顿时按下 F12，一顿暴揍，发现是以下这段样式代码产生的影响：

是为了解决火狐浏览器 show-overflow-tooltip 属性不生效的代码，el-table 使用模板插槽无法显示 tooltip 以及 text-overflow:ellipsis 在火狐显示的问题。

el-table 中使用 show-overflow-tooltip 属性内容过长被隐藏时显示 tooltip，使用了作用域插槽的模板那么 show-overflow-tooltip 设置的显示 tooltip 内容只作用到下一级的 div 内容。

<template slot-scope="scope"> 后需要在将内容显示 tooltip 上的标签设置 overflow:hidden;text-overflow:ellipsis; 做内容标签上设置这些样式之后谷歌上显示是正常的但是火狐上显示会出问题无法显示出 tooltip 查看渲染后的属性发现内容显示层都被设定了display: block; 将其改为 display: inline; 火狐可以正常显示 tooltip。

欢迎关注我的公众号

bug 回忆录（三）相关推荐

bug 回忆录（四）
@author Ken @time 2020-09-27 21:30:59 @description 转载请备注出处,谢谢 bug 回忆录(四) 大家好,我是 Ken,人贱人爱的前端小 Ken,我的公 ...
绝地求生服务器维护3月25日,绝地求生：3月25日停机维护五小时修复BUG，三周年在线57W...
今天绝地求生3月25日早上8:30开始停服修复游戏中出现的一些BUG,官方发出公告大概需要5小时就能更新完毕,而且近期也是绝地求生三周年的生日,在线人数也是达到了57W,也是可喜可贺啊. 因为近期的在 ...
每日一皮：代码出现Bug的三种表情！
往期推荐每日一皮:举一反三,这么聪明的客户可不多见了... 每日一皮:"快准恨"的程序员叠衣法,还不快学起来? 每日一皮:当你修bug时,是否碰到过这种场景... 每日一皮:循环 ...
代码出现Bug的三种表情，太传神了！
@IT程序猿微博网友评论: @花者不酷:能不能把头发画上先 @GOo-Unfollow:看这不屑的表情,就知道他聪明绝顶了啦 @我就是文非:所以说,程序员没头发是有原因的 @安全退隐-殢无伤:翻译 ...
并发Bug之源有三，请睁大眼睛看清它们
点击蓝色"程序猿DD"关注我回复"资源"获取独家整理的学习资料! 作者 | 日拱一兵来源 | 公众号「日拱一兵」一切设计来源于生活,上一章学并发编程,透 ...
【图论】图，实现图（三种方式），二分图详解
目录一.图的基本概念 1.度 2.连通 (1)连通图 (2)强连通/强连通图 3.回路 4.完全图二. 邻接矩阵实现图三.邻接表实现图四.链式前向星实现图五. 二分图概述 1.简单应用-二 ...
OO第三单元作业总结
OO第三次作业总结一.JML (一)JML语言理论基础 (1)JML表达式: JML表达式包括以下几种: 原子表达式如\result(方法执行后的返回值).\old(表达式在相应方法执行前的取值): ...
每日一皮：当我看到Bug背后的一切...我退缩了...
往期推荐每日一皮:重构时总会出现的惊喜....... 每日一皮:实习生将他的代码交给高级开发人员,高级开发反手一个... 每日一皮:QA一来,大家都要靠边站! 每日一皮:据说PM就是这样忍受你的! ...
windows下python使用fllow扩展持续读取文件的bug
文章目录一.前言二.读取fllow源码 1.fllow读取文件代码 2.跟踪new_file_check 函数 3.python的stat函数 4.分析出错代码三.windows下对比inode ...

bug 回忆录（三）

bug 回忆录（三）

bug 回忆录（三）相关推荐

最新文章

热门文章