css - Bug with transform in Safari -


i've implemented simple pie chart using css3 using transform rotate , skewx in way:

<div class="segment" style="transform: rotate(90deg) skewx(-30deg)">     <div class="segment-space">     </div> </div> <div class="segment" style="transform: rotate(210deg) skewx(-30deg)">     <div class="segment-space">     </div> </div>..... 

it works ok in chrome , ff, in safari i've encountered weird bugs part of content after rotation not visible. i've created simple example it:

https://codepen.io/anon/pen/vzmxkp

it's evasive bug. it's not seen until scroll window, change view size maximum, update page or switch tab. on smaller screens or container sizes it's not reproducible @ unless add more segments same way.

can fixed somehow?


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -