I'm running into quite a strange issue while using Safari on OS X, I have a calendar system written in VueJS, the previous and next buttons show the months that they will navigate to as shown here:
After clicking on the next or previous month, this happens:
As you can see, the previous text seems to remain and be overlayed on top of the current text. This text is updated from a VueJS variable:
<a class="filter-next-month" v-on:click.stop="nextMonth()" v-if="nextMonthIndex !== false">
<span>[[ months[nextMonthIndex].time ]]</span>
It seems that the best fix I could personally find for this issue is setting the following:
display: inline-block; min-width: 0%;
transform: translateZ(0) didn't seem to work for this issue, either.