Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #11
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    21
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    I think I figured out your mistake. Did you forget to add a HTML5 DOCTYPE to you page?

    Code:
    <!DOCTYPE html>
    Here's my full test case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Test</title>
        <link rel="stylesheet" href="../../resources/css/sencha-touch.css"/>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script src="../../sencha-touch.js"></script>
    
        <script>
        Ext.Loader.setConfig({
            enabled:true
        });
    
        Ext.define('Mark.view.StartPanel', {
            extend:'Ext.Panel',
            xtype: 'startpanel',
            config:{
                title: 'Start',
                items:[
                    {
                        xtype:'toolbar',
                        docked:'top',
                        title:'Mark'
                    },
                    {
                        xtype:'button',
                        id:'markButton',
                        text:'Mark it'
                    }
                ]
            }
        });
    
        Ext.define('Mark.view.MapPanel', {
            extend:'Ext.Panel',
            xtype: 'mappanel',
            config:{
                title: 'Map',
                layout:'fit',
                items:[
                    {
                        xtype:'toolbar',
                        docked:'top',
                        title:'Mark'
                    },
                    {
                        xtype:'map'
                    }
                ]
            }
        });
    
        Ext.define('Mark.view.Viewport', {
            extend:'Ext.TabPanel',
            config:{
                fullscreen:'true',
                layout:{
                    type:'card',
                    animation:{
                        type:'slide',
                        direction:'left',
                        duration:500
                    }
                },
                items:[{
                    xtype: 'startpanel'
                }, {
                    xtype: 'mappanel'
                }]
            }
        });
    
    
        Ext.application({
            name:'TEST',
            icon:'resources/images/icon.png',
            tabletStartupScreen:'resources/images/tablet_startup.png',
            phoneStartupScreen:'resources/images/phone_startup.png',
            glossOnIcon:false,
            viewport:{},
            launch:function () {
                Ext.Viewport.add(Ext.create('Mark.view.Viewport'));
            }
        });
        </script>
    </head>
    <body></body>
    </html>

    Sencha Inc

    Jamie Avins

    @jamieavins

  2. #12
    Sencha User
    Join Date
    Nov 2011
    Posts
    24
    Vote Rating
    0
    jjalonso is on a distinguished road

      0  

    Default


    jojojo jamie you have a great experience, i have a little character error in my doctype. awesome.

    Thanks a lot by your time.
    Thanks again.

Thread Participants: 1

Tags for this Thread