Jeżeli maska nie jest animowana (wersja Chrome większa niż 43) wówczas należy dodać poniższy kod w pliku app.scss naszej aplikacji:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
//LOADING SPINNER FIX @keyframes x-loading-spinner-rotate { 0%{ transform: rotate(0deg); } 8.32%{ transform: rotate(0deg); } 8.33%{ transform: rotate(30deg); } 16.65%{ transform: rotate(30deg); } 16.66%{ transform: rotate(60deg); } 24.99%{ transform: rotate(60deg); } 25%{ transform: rotate(90deg); } 33.32%{ transform: rotate(90deg); } 33.33%{ transform: rotate(120deg); } 41.65%{ transform: rotate(120deg); } 41.66%{ transform: rotate(150deg); } 49.99%{ transform: rotate(150deg); } 50%{ transform: rotate(180deg); } 58.32%{ transform: rotate(180deg); } 58.33%{ transform: rotate(210deg); } 66.65%{ transform: rotate(210deg); } 66.66%{ transform: rotate(240deg); } 74.99%{ transform: rotate(240deg); } 75%{ transform: rotate(270deg); } 83.32%{ transform: rotate(270deg); } 83.33%{ transform: rotate(300deg); } 91.65%{ transform: rotate(300deg); } 91.66%{ transform: rotate(330deg); } 100%{ transform: rotate(330deg); } } |
Problem ten występuje w wersji 2.4.0 oraz 2.4.1.
W wersji 2.4.2 problem został ten naprawiony.