Hybrid View

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    32
    Vote Rating
    0
    Ayame is on a distinguished road

      0  

    Exclamation Margin bug shrinks panel width but happens only in portrait mode (not in landscape)

    Margin bug shrinks panel width but happens only in portrait mode (not in landscape)


    Sencha Touch version tested:
    • 1.1.0
    • only default ext-all.css
    • custom css (which causes the problem listed below)






    Platform tested against:
    • iOS 4.2 iPad (simulator and device)


    Description:
    • When nesting three panels in given configuration (required for a certain layout type for iPad) the text in the inner most div (a nested div generated by sencha) shrinks, but this only happens in portrait mode. When starting the simulator or device in landscape mode the bug does not appear.
      When removing the margin to create the right aligned layout, the bug does not happen, but the content is not where it is required.


    Test Case:


    Code:
        <!DOCTYPE html>
    <html>
    <head>
        <title>HTML5</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="assets/css/sencha-touch.css" />
    
    
        <script type="text/javascript" charset="utf-8" src="assets/js/sencha-touch-debug-w-comments.js"></script>
    
    
        <script type="text/javascript">
           Ext.setup({
        icon: 'icon.png',
        glossOnIcon: false,
        onReady: function() {
            // Actions
    
    
            var ShowMessages = function(){
                var data = [];
                var i=0;
                for(i=0; i<30 ; i++){
                    data.push({
                        'message': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet lacinia nisi. Maecenas posuere aliquet mattis. Proin tincidunt ante id justo iaculis seros pellentesque ut. Vestibulum ultricies, lorem quis congue pellentesque, enim velit interdum nulla, non elementum tellus"+ i
                    });
                }
                messages.update(data);
            }
    
    
            var messages = new Ext.Panel({
                cls: "message-list",
                title: 'List',
                id: 'messages',
                scroll: 'vertical',
                layout: 'auto',
                height: 500,
                width: 500,
                tpl: [
                    '<tpl for=".">',
                        '<div class="message">{message}</div>',
                    '</tpl>'
                ]
            });
    
    
            var panel = new Ext.Panel({
                cls: 'test2',
                
                items: [messages]
            });
    
    
            var panel2 = new Ext.Panel({
                layout: 'fit',
                fullscreen: true,
                cls: 'test',
                items: [panel]
            });
            ShowMessages();
    
    
        }
    });
        </script>
        <style type="text/css">
            .message-list {background-color: red;margin-left: auto; margin-right: 0;}
            .test {background-color: blue;}
            .test2 {background-color: green;}
    
    
        </style>
    </head>
    <body>
    </body>
    </html>



    Steps to reproduce the problem:
    • insert code above
    • put simulator in portrait


    The result that was expected:
    correct.jpg


    The result that occurs instead:
    wrong.jpg

    • content is smaller than supposed to be


    Debugging already done:
    • does not appear on landscape mode
    • bug does not occur when leaving out custom margin code, but then desired location of panel is wrong


    Possible fix:
    • not provided

  2. #2
    Sencha User
    Join Date
    Feb 2011
    Posts
    32
    Vote Rating
    0
    Ayame is on a distinguished road

      0  

    Default


    Has anyone from the staff already had a chance to look at this bug? It's rather cropping up my application..

    Thank you

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