YUI App transition "flickers" on showView

Question

I have a problem with transitions in a YUI app. Every time I change view using the showView method, then the content of the view is move to left for a very short time and then back to where it belongs.

See it in action here: http://jsfiddle.net/casperskovgaard/ez7wH/

I use this css to center the view:

#content {
  margin: auto;
  width: 400px;
}

If I remove css, then the view doesn't flicker... But I need it to be centered.

Any ideas?

Answer 1

At the very bottom of your js code, set transitions to false

DEMO

YUI().use('app', 'demo-app', function (Y) {
    'use strict';

    var demoApp = new Y.DemoApp({
        root: '/demo',
        serverRouting: false,
        transitions: false
    });

    demoApp.render();
});