OS X上Safari的奇怪文本渲染问题

Question

我在OS X上使用Safari时遇到了一个非常奇怪的问题，我有一个用VueJS编写的日历系统，上一个和下一个按钮显示了他们将导航到的月份，如下所示：

点击下个月或上个月后，会发生这种情况：

正如您所看到的，之前的文本似乎仍然存在并叠加在当前文本之上。此文本从VueJS变量更新：

<a class="filter-next-month" v-on:click.stop="nextMonth()" v-if="nextMonthIndex !== false">
    <span>[[ months[nextMonthIndex].time ]]</span>
    <i class="next_arrow"></i>
</a>

CSS中没有任何内容影响文本，渲染方式等，而不是颜色。

这已经在OS X El Capitan（10.11.2）和我们的客户端上测试了OS X Sierra的最新稳定版本。在我发现的任何其他浏览器中也不会发生这种情况。

是否有针对此问题的已知修复程序？

Answer 1

似乎我个人可以找到针对此问题的最佳解决方案是设置以下内容：

display: inline-block;
min-width: 0%;

使用transform: translateZ(0)似乎也无法解决此问题。