Results 1 to 3 of 3

Thread: NestedList performance drop after label texts truncated

    You found a bug! We've classified it as TOUCH-3112 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1

    Default NestedList performance drop after label texts truncated

    Ext version tested:
    • ST2 2.0 rev 1.1
    Browser versions tested against:
    • iPad Safari iOS 5
    • Android Phone default browser
    • Did not reproduce in Chrome, probably due to massive PC performance

    DOCTYPE tested against:
    • HTML 5
    Description:
    • Performance and behavior problems with Ext.NestedList. In ST2 there is a built in function that shortens labels. I have no idea why this is related, but whenever a Nested List gets labels that don't fit, and '...' are added, UI slows down bellow usable level. List does not scroll, card switching is slow. Texts sometimes return to normal length overflowing on button - then, aside fro broken UI, list performance is restored!
    Steps to reproduce the problem:
    • Description is not easy. Please use attached sample application
    • Build app with panel that has NestedList and Panel on the side in hBox layout
    • create a list of items that will cause overflow in title bar and on back button
    • When '...' are added, performance drops
    The result that was expected:
    • Normal performance that is equal to list without '...'
    The result that occurs instead:
    • Performance drops below usable level
    • when switching between cards sometimes '...' is removed resulting in overlaping texts. In that case performance is restored


    Test Case:
    Code to complicated to paste in. Attached ZIP file.


    HELPFUL INFORMATION
    [*]Please note that attached example contains two sets of data - dataShort and dataLong to ilustrate difference in bahaviour. [*]SDK and standard Resources is not included in the package to save space[*] please use screen resolution that will cause text overflow or change 'flex' value [*] This is a total show stopper for my app and this problem was not present in ST1 (I have used my own simple '
    ellipsis' function)

    Screenshot or Video:
    • YouTube video recording from my app
    • The same behavior can be observed on the attached sample code

    See this URL for live test case:
    http://youtu.be/3cR1gtOluTc

    Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • Android 2
    • iOS5
    Attached Files Attached Files

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    We will look into it. It may partly be because of the box layout you are using but my iPhone 4S is still laggy when I try to scroll when I remove the box layout.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  3. #3

    Default

    I can see 50% CPU load when I'm viewing NestedList with truncated texts... when I hit back button CPU usage drops to 0%. Any plans to release new version of Sencha with basic bugs/problems fixed?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •