当删除其中的列表元素时,Box Shadow会消失在div上

要测试或查看错误:
(注意:自从问题第一次发布以来,在第二次更新中已在链接上复制了Bug)
访问sukritchhabra.com/importr
在搜索栏中键入bootstrap。
从建议的列表中选择引导(注意:如果不从列表中选择,但在搜索框中按Enter键,页面将中断,您必须刷新)
引导加载后,按绿色按钮6-7次(直到出现滚动条)
现在删除其中一些,方框阴影将消失。
到目前为止,我试过几件事。尝试在每次删除后记录.importrLinks的box shadow属性,以捕获更改的位置,但实际上没有发生更改。
还尝试在每次删除后显式地分配方框阴影,但这也没有帮助。
在我寻找解决方案的过程中,很多类似的错误都是因为z索引,但我尝试了分配自定义z索引,但这没有帮助(尽管我仍然相信这是我自分配随机以来没有完全测试过的东西,即改变z索引的jus的大小。t检测变化)。
更新
正如评论中建议的,我应该提供示例代码而不是完整的网站,我同意。但是,正如我在评论中所提到的,我无法用一把小提琴复制这个bug。
不过,这里有一个指向jsFiddle的链接:https://jsfiddle.net/sukritchhabra/d3xfyc6t/5/
窃听器仍然没有出现在小提琴上,但是,仍然在网站上。我用来创建小提琴的代码是从网站上选取的。我刚传递了常量字符串进行测试,而不是获取addlink函数的参数。
第二次更新(错误复制)
发现错误的发生是因为容器有一个float: left;。已经在小提琴上更改了它,现在这个小提琴上复制了错误。
链接到小提琴:https://jsfiddle.net/sukritchhabra/d3xfyc6t/6/
第三次更新(操作系统问题?)
到目前为止我一直在用Mac电脑。我刚在一台Windows机器上测试过,这个bug似乎只在Mac上。如果这是根本原因,我不能百分之百确定,但我肯定会在其他机器上测试它,只是为了确定。
同时,如果有人能在Mac上看到这个bug,而不是在Windows上看到,请在这里告诉我。


最佳答案:

确认了你的小提琴上的OS X上Chrome的错误。我检查过,其他CSS属性似乎也会发生同样的情况,而不仅仅是box-shadow。例如,如果设置,border以同样的方式受到影响,并且在删除项时消失。我认为当overflow设置为auto时,它与容器上CSS属性的组合有关。例如,我注意到,如果删除float: leftbox-shadow将停止消失。所以对我来说,这似乎是一个浏览器渲染问题,我不知道为什么它只发生在OSX上。
不管怎样,如果您需要保持CSS的原样,这里有一个远远不够优雅的解决方案,但它是有效的:
https://jsfiddle.net/d3xfyc6t/8/
它涉及到每次删除元素时对容器执行浏览器重新绘制:

$('.importrLinks').hide().show(0);

这项技术取自:
https://stackoverflow.com/a/8840703