Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext User
    Join Date
    Nov 2009
    Posts
    24
    Vote Rating
    0
    epalm is on a distinguished road

      0  

    Default [FIXED] Ext.List in Ext.Carousel exhibits erratic scrolling (0.91)

    [FIXED] Ext.List in Ext.Carousel exhibits erratic scrolling (0.91)


    I have an Ext.List inside an Ext.Carousel

    Code:
    Ext.setup({
        
        tabletStartupScreen: 'tablet_startup.png',
        phoneStartupScreen: 'phone_startup.png',
        icon: 'icon.png',
        glossOnIcon: false,
        
        onReady: function() {
            
            Ext.regModel('Contact', { fields: ['firstName', 'lastName'] });
            
            var store = new Ext.data.Store({
                model: 'Contact',
                data: [
                    {firstName: 'Tommy', lastName: 'Maintz'}, 
                    {firstName: 'Ed', lastName: 'Spencer'},
                    {firstName: 'Jamie', lastName: 'Avins'},
                    {firstName: 'Aaron', lastName: 'Conran'}, 
                    {firstName: 'Dave', lastName: 'Kaneda'},
                    {firstName: 'Michael', lastName: 'Mullany'},
                    {firstName: 'Abraham', lastName: 'Elias'},
                    {firstName: 'Jay', lastName: 'Robinson'},
                    {firstName: 'Tommy', lastName: 'Maintz'}, 
                    {firstName: 'Ed', lastName: 'Spencer'},
                    {firstName: 'Jamie', lastName: 'Avins'},
                    {firstName: 'Aaron', lastName: 'Conran'}, 
                    {firstName: 'Dave', lastName: 'Kaneda'},
                    {firstName: 'Michael', lastName: 'Mullany'},
                    {firstName: 'Abraham', lastName: 'Elias'},
                    {firstName: 'Jay', lastName: 'Robinson'}
                ]
            });
            
            var list = {
                xtype: 'list',
                singleSelect: true,
                store: store,
                tpl: '<tpl for="."><div class="contact"><strong>{firstName}</strong> {lastName}</div></tpl>',
                itemSelector: 'div.contact'
            };
            
            var panel = {
                xtype: 'panel',
                html: 'i am a panel'
            };
            
            var carousel = new Ext.Carousel({
                fullscreen: true,
                items:[list, panel]
            });
        }
    });
    This works as expected. Now change
    Code:
                items:[list, panel]
    to
    Code:
                items: [panel, list]
    and attempting to scroll the list up/down is erratic, as if the gesture is being multiplied in the direction it is being applied.

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    Thanks for the bug report. There was some internal logic that was wrong. This will be fixed in the next release. Until then I suggest doing the following on the List and see if that fixes your issue.

    Code:
    pinHeaders: false,
    indexBar: false

  3. #3
    Ext User
    Join Date
    Nov 2009
    Posts
    24
    Vote Rating
    0
    epalm is on a distinguished road

      0  

    Default


    That fix worked, much thanks Tommy

Similar Threads

  1. [FIXED-40] 0.82 Ext.Carousel doesn't honor activeItem config
    By watrboy00 in forum Sencha Touch 1.x: Bugs
    Replies: 3
    Last Post: 27 Jul 2010, 3:38 PM
  2. [FIXED] Vertical Scrolling Carousel
    By simon.betton in forum Sencha Touch 1.x: Bugs
    Replies: 2
    Last Post: 29 Jun 2010, 3:11 PM
  3. Replies: 3
    Last Post: 28 Jun 2010, 2:21 PM
  4. Replies: 16
    Last Post: 27 Oct 2009, 9:57 AM
  5. [FIXED][3.0.0 Core] Ext.ux.Carousel
    By steffenk in forum Ext 3.x: Bugs
    Replies: 4
    Last Post: 4 Aug 2009, 12:04 PM

Thread Participants: 1