Странная проблема с отображением текста с Safari на OS X

Question

Я столкнулся с довольно странной проблемой при использовании Safari в OS X, у меня есть система календаря, написанная на 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) не похоже на работу для этого вопроса, либо.