CSS3 Transition ne fonctionne pas sous Chrome plus

Aussi loin que je me souvienne, je n'ai pas de problèmes avec le CSS3 transitions de travail pour moi, jusqu'à maintenant. Tout d'un coup (peut être à cause d'une mise à jour de chrome ou d'autres modifications à mon code), il a juste cessé de travailler en chrome (32.0.1700.77), mais qui fonctionne dans tous les autres navigateurs (et une ancienne version de chrome).

@media screen and (max-width: 1325px) {
    .row-offcanvas {
        position: absolute;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        width: 100%;
    }

    button.toggle {
        display: inline-block;
    }

    .row-offcanvas-left,
    .sidebar-offcanvas {
        left: -239px;
        z-index: 9999;
        height: 700px;
    }
    .row-offcanvas-left.active {
        left: 239px;
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 239px;
    }
}

Je n'ai pas fait toutes les modifications apportées à cette partie du site et je ne peux pas expliquer pourquoi ça ne fonctionne pas et tout d'un coup. La transition est un panneau qui glisse quand on clique sur un bouton, déclenchée par ce peu de javascript (pas responsables de l'animation).

$(document).ready(function() {
  $('[data-toggle=offcanvas]').click(function() {
    $('.row-offcanvas').toggleClass('active');
  });
});

OriginalL'auteur Jon Girard | 2014-01-14