All Visual Effect Slow/Chuggy Android Nexus 7 (Jellybean) JQM 1.3 Final

[mylesg77]

Hi guys.. I'm back to cause you trouble again..

Back in v1.1 I caused a stir and got the transitions and performance fixed for Nexus 7 android.. and 1.2 wow does it ever work great.

but now with 1.3 final.. the transitions are super slow and chuggy on page to page transitions (slide left esp) I have nexus 7 android with latest os. I want to get updated to 1.3 but until the transitions work, its unacceptable for my web app

[jaspermdegroot]

@mylesg77

Can you provide a test case so we can test exactly the same thing on the Nexus 7? A test that looks good on 1.2, but slow on 1.3 would be most helpful. See the contributing guidelines for our JS Bin template. Thanks!

[mylesg77]

Hi Jasper,

It is an issue with transitions.

http://jquerymobile.com/demos/1.2.0/docs/pages/page-transitions.html -- works great and smooth on nexus 7

http://view.jquerymobile.com/1.3.0/docs/widgets/transitions/ -- (1.3) are extremely chuggy on nexus 7

on page press any page transition, also for dialog/popup.

Thanks for you help.. This was an issue on the jquery 1.1 to 1.2 transition.. at that time i made issue, and because of that someone looked into it and jquerymobile 1.2 was made to work smooth on this device

Thanks

-Myles

[johnbender]

Hmm I'm not sure why github is eliding the rest of @mylesg77's comment but his example is contained in the collapsed section.

[jaspermdegroot]

@mylesg77

The 1.3 transition examples page contains panels. We have to set up a test where we use the same page for both 1.2 and 1.3. Maybe it is panels that are causing the chuggy page transitions.

[mylesg77]

I will download 1.3 final and place into a project I'm working on (without panels), although some pages have popups.

I will let you know if the performance is better or same as demo on nexus 7.

Thanks guys. Your dedication to projects such as these often go unappreciated and I for one am grateful that there is such a robust team.

-Myles

On Sun, Feb 24, 2013 at 10:18 AM, Jasper de Groot notifications@github.comwrote:

@mylesg77 https://github.com/mylesg77

The 1.3 transition examples page contains panels. We have to set up a test where we use the same page for both 1.2 and 1.3. Maybe it is panels that are causing the chuggy page transitions.

— Reply to this email directly or view it on GitHubhttps://github.com/jquery/jquery-mobile/issues/5679#issuecomment-14010821.

[mylesg77]

I put v 1.3 into my website

Confirmed. Nexus 7 still chuggy with transitions even when panels are not present on page. Please test yourself, but I believe it is likely to be the same issue that was fixed between v1.1 and v1.2.. Please see previous posts by me, Sept 2012.

On Sun, Feb 24, 2013 at 10:18 AM, Jasper de Groot notifications@github.comwrote:

@mylesg77 https://github.com/mylesg77

The 1.3 transition examples page contains panels. We have to set up a test where we use the same page for both 1.2 and 1.3. Maybe it is panels that are causing the chuggy page transitions.

— Reply to this email directly or view it on GitHubhttps://github.com/jquery/jquery-mobile/issues/5679#issuecomment-14010821.

[toddparker]

@mylesg77 - thanks, you were right the '''animation-fill-mode''' CSS property was brought back in when we merged in the unprefixed animation branch. Wish we had caught this earlier, but it's fixed now and will be in 1.3.1.

[jaspermdegroot]

@mylesg77

Adding...

.in, .out {
    -webkit-animation-fill-mode: none !important;
}

... to your custom CSS should work as temporary fix with 1.3.0

[mylesg77]

good job guys! I'm excited to try this in my new phonegap app! .. transitions are so important as it gives it the native feel