Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    143
    Vote Rating
    0
    rockinthesixstring is on a distinguished road

      0  

    Default Scroll: 'vertical' on a Carousel hides content

    Scroll: 'vertical' on a Carousel hides content


    I've got a carousel that works fine if
    Code:
    scroll: 'vertical'
    is not used, but as soon as I use it, all my content dissappears.

    controller
    Code:
    Ext.define('rpc.controller.bible', {
        extend: 'Ext.app.Controller',
        views: ['bible.indexView'],
        stores: [],
        refs: [],
    
        init: function () {
            console.log('rpc.controller.bible ~ init');
        }
    });
    view
    Code:
    Ext.define('rpc.view.bible.indexView', {
        extend: 'Ext.Carousel',
        alias: 'widget.bible-indexView',
        requires: [
            'Ext.carousel.Carousel'
        ],
        config: {
            items: [{
                xtype: 'panel',
                items: [{
                    xtype: 'bible-_chapterADayView'
                }]
            }]
    
        },
        initialize: function() {
            console.log('rpc.view.bible.indexView ~ initialize');
            this.callParent();
        }
    });
    partial views
    Code:
    Ext.define('rpc.view.bible._chapterADayView', {
        extend: 'Ext.Container',
        alias: 'widget.bible-_chapterADayView',
        layout: 'vbox',
        config: {
            items: [{
                xtype: 'toolbar',
                title: 'Chapter a Day',
                docked: 'top'
            }, {
                xtype: 'container',
                cls: 'rpc-outerPanelWrapper',
    
    
                // REMOVE THIS AND IT WILL WORK
                scroll: 'vertical',
    
    
                items: [{
                    html: '<span style="float:right;"><i>Swipe for Bible in a Year</i><div class="x-icon-swipe x-icon-swipe-left"></div></span>'
                }, {
                    xtype: 'container',
                    cls: 'x-panel-rpc',
                    items: [{
                        html: '<h1>Bible Reading</h1><i>Read a chapter a day</i>'
                    }]
                }, {
                    xtype: 'container',
                    cls: 'x-panel-rpc',
                    items: [{
                        html: 'Rockin the lower info panel<br><br><br><br><br><br><br><br>more info<br><br><br><br>end'
                    }]
                }]
            }]
        },
        initialize: function() {
            console.log('rpc.view.bible._chapterADayView ~ initialize');
            this.callParent();
        }
    });

  2. #2
    Sencha User
    Join Date
    May 2011
    Posts
    143
    Vote Rating
    0
    rockinthesixstring is on a distinguished road

      0  

    Default


    I trimmed the fat on my app and with the changes below, I can now get vertical scrolling as well as horizontal swiping.. But this has posed a new problem.

    When scrolling vertically, it should "LOCK" the horizontal axis and prevent a swipe.
    Likewise, when swiping horizontally, it should "LOCK" the vertical axis and prevent a scroll.

    As it stands right now, swiping also scrolls and scrolling also swipes... IE: the panel free floats all over the place.

    Code:
    Ext.define('rpc.view.bible.indexView', {
        extend: 'Ext.Carousel',
        alias: 'widget.bible-indexView',
        config: {
            items: [{
                xtype: 'toolbar',
                title: 'Bible Reading Plan',
                docked: 'top'
            }, {
                xtype: 'bible-_chapterADayView'
            }, {
                xtype: 'bible-_bibleInAYearView'
            }]
        },
        initialize: function() {
            console.log('rpc.view.bible.indexView ~ initialize');
            this.callParent();
        }
    });
    and

    Code:
    Ext.define('rpc.view.bible._chapterADayView', {
        extend: 'Ext.Panel',
        alias: 'widget.bible-_chapterADayView',
        config: {
            scrollable: true,
            items: [{
                xtype: 'container',
                cls: 'rpc-outerPanelWrapper',
                items: [{
                    html: '<span style="float:right;"><i>Swipe for Bible in a Year</i><div class="x-icon-swipe x-icon-swipe-left"></div></span>'
                }, {
                    xtype: 'container',
                    cls: 'x-panel-rpc',
                    items: [{
                        html: '<h1>Chapter a Day</h1><i>Reading Plan</i>'
                    }]
                }, {
                    xtype: 'container',
                    cls: 'x-panel-rpc',
                    items: [{
                        html: 'Rockin the lower info panel<br><br><br><br><br><br><br><br>more info<br><br><br><br>end'
                    }]
                }]
            }]
        },
        initialize: function() {
            console.log('rpc.view.bible._chapterADayView ~ initialize');
            this.callParent();
        }
    });
    I'm pretty certain that the FIRST post in this thread is a bug, and I'm thinking this is a similar bug as well.

    Please correct me if I'm wrong.

  3. #3
    Sencha User
    Join Date
    May 2011
    Posts
    143
    Vote Rating
    0
    rockinthesixstring is on a distinguished road

      0  

    Default


    Please close / delete this thread. I didn't communicate the issue clearly.. I will post a new thread.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi