Nel provare le transizioni CSS ho creato una piccola demo di scorrimento che passa dallostile css da un numero negativo a 0 e si riavvia quando l'evento transitionend
si attiva per ottenere un effetto di scorrimento infinito. Ecco un Fiddle con la mia demo - http://jsfiddle.net/XhFdv/Ripristino delle transizioni css in Internet Explorer 10
Funziona con FF, Chrome, Safari (vittoria) e Opera. In IE 10 (testato su Win 7 e Win 8) l'evento si attiva, ma il tentativo di impostare la proprietà giusta sul numero negativo da cui inizia non sembra funzionare - spesso rimane 0 dopo essere stato impostato (ma non sempre).
Per rendere le cose più divertenti, aggiungere console.log()
o alert()
è spesso sufficiente per farlo funzionare come previsto. Questo mi fa pensare che ci sia qualcosa di incompleto nel livello dell'interfaccia utente. Ho cercato di racchiudere più impostazioni di stile in un setTimeout(..., 0)
in modo che il rendering potesse recuperare, ma non sembrava essere di aiuto.
Si tratta di un bug in IE 10 o c'è qualcosa che mi manca nello script demo?
Ho visto questo tipo di insetti prima e sono sicuramente un dolore. Di solito un timeout funziona ma non credo in questo caso. Avrò il tempo di giocherellare domani, quindi tornerò da te su questo; molto particolare! –
ho aumentato il ritardo di setTimeout fino a 10-20 ms e funziona solo per me. –
Ho archiviato un bug con Microsoft qualche mese fa. Credo che siano stati in grado di riprodurre il problema e averlo come bug candidato da correggere in una delle prossime versioni principali. Sfortunatamente non ho trasformato in IE 11. – mld