2016-10-20 4 views
0

OS XでSafariを使用しているときに私はかなり奇妙な問題に遭遇しています。私はカレンダーシステムをVueJSで書いています。ここに示したように: Before changing monthOS XでのSafariでの不自然なテキストレンダリングの問題

を次または前の月をクリックした後、この問題が発生した:あなたが見ることができるように After changing month

を、前のテキストが残っているようだと、現在のテキストの上にオーバーレイします。このテキストはVueJS変数から更新された:色以外など、それがレンダリングする方法をテキストに、影響を与えるCSSには何も、

<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> 

はありません。

これは、OS X El Capitan(10.11.2)および最新の安定版OS X Sierraでテストされています。私が見つけたものから、他のブラウザでも発生しません。

この問題の修正プログラムはありますか?

+0

再生可能なjsfiddleを提供できますか?場合によっては、レンダリングの問題は、不必要な 'transform:translateZ(0)'を要素に追加することで修正できます。 –

答えて

0

私が個人的にこの問題を見つけることができる最高の修正プログラムは、次のように設定されているようです:

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

transform: translateZ(0)のいずれかを使用して、この問題のために動作していないようでした。

関連する問題