overlap in slide transition Jquery Mobile 1.3.1 (Android)

overlap in slide transition Jquery Mobile 1.3.1 (Android)

JQM 1.3.1 - JQ 1.9.1 - Chrome on Android 4.2

I have a home page with a list of 50 items which point to another page.

When I use the slide transition, the first slide out and slide back are perfect. But the second one and all the ones after are a bit different. It looks more like an overlap when going from the list to the event's page. Also, the transition seems a bit faster.

I removed all my css to make sure that none of them were interacting with the transition.

Here is the code (it includes the container id and webkit-backface-visibility:hidden; hacks that many have suggested) :

http://test.wouf.it/slideandroid/

If I look on firebug, the attributes of the events div change after the first call : 


Before : 

<div id="container" class="ui-mobile-viewport ui-overlay-c">

<div id="page1" class="ui-page ui-body-c ui-page-header-fixed iscroll-page ui-page-active" style="background: none repeat scroll 0% 0% black; padding-top: 44px; min-height: 618px;" data-theme="c" data-role="page" data-url="page1" tabindex="0">

<div id="event" style="background:black;" data-theme="c" data-role="page" data-url="event">

<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">


After :

<div id="container" class="ui-mobile-viewport ui-overlay-c">

<div id="page1" class="ui-page ui-body-c ui-page-header-fixed iscroll-page ui-page-active" style="background: none repeat scroll 0% 0% black; padding-top: 44px; min-height: 618px;" data-theme="c" data-role="page" data-url="page1" tabindex="0">

<div id="event" style="background: none repeat scroll 0% 0% black; min-height: 662px;" data-theme="c" data-role="page" data-url="event" tabindex="0" class="ui-page ui-body-c">

<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">

Could it be a reason for the change ?