css - Android で CSS3 トランジションが正しく機能しない

Question

以下のコードで、Android で問題を引き起こす可能性のあるものを誰でも見ることができますか?

Androidでは、コードを使用すると最初の試行で失敗し、空白の画面が表示され、もう一度タップすると機能します。

.csstransforms.csstransitions.js #nav {
    left: 0;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    .backface-visibility(hidden);
}

.csstransforms.csstransitions.js #inner-wrapper {
    left: 0 !important;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    .backface-visibility(hidden);
}

.csstransforms.csstransitions.js-nav #inner-wrapper {
    -webkit-transform: translate(70%, 0) scale3d(1, 1, 1);
    -moz-transform: translate(70%, 0) scale3d(1, 1, 1);
    -ms-transform: translate(70%, 0) scale3d(1, 1, 1);
    -o-transform: translate(70%, 0) scale3d(1, 1, 1);
    transform: translate(70%, 0) scale3d(1, 1, 1);
}

私はLESSミックスインを使用しているため、バックフェイス部分は次のとおりです。

.backface-visibility (@backface) {
    -webkit-backface-visibility: @backface;
    -moz-backface-visibility: @backface;
    -ms-backface-visibility: @backface;
    -o-backface-visibility: @backface;
    backface-visibility: @backface;
}

どんな助けでも大歓迎です。