Results 1 to 4 of 4

Thread: Ext JS 4.0 Beta 3, compatibility Issue with firefox 3.6

  1. #1
    Sencha User probharat's Avatar
    Join Date
    Jan 2011
    Posts
    11
    Vote Rating
    0
      0  

    Default Ext JS 4.0 Beta 3, compatibility Issue with firefox 3.6

    Hi,
    Just wanted to bring your attention towards the compatibility issues of Ext JS 4.0 beta 3 with firefox 3.6.
    I am working on a project with the same platform, where I am able to render the Ext pages on all other browsers like IE, chrome, seamonkey, even with Forefox 4.0. But In our organization most of the peoples are using firefox 3.6. One more point to tell you that i am subsequently testing your releases of extjs 4, and till beta 2 there was no browser compatibility issue with firefox3.6 , but when I migrated to beta 3 it started creating problem for me. Please let me know if this is a bug or I am doing something wrong ?

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    3
      0  

    Default

    What's broken?

    Please read before posting in bugs. http://www.sencha.com/forum/showthre...Forum&p=341947

  3. #3
    Sencha User probharat's Avatar
    Join Date
    Jan 2011
    Posts
    11
    Vote Rating
    0
      0  

    Default Ext 4 beta3, page not redering on firefox v3.6.13

    Ext version tested:
    • Ext 4.0 beta 3

    Adapter used:
    • ext

    css used:
    • only default ext-all.css

    Browser versions tested against:
    • IE8
    • FF 4.0 (firebug 1.7.0 installed)
    • Google Chrome

    Operating System:
    • Ubuntu 10.10

    Description:
    • The Ext elements are not getting rendered to firefox 3.6.13, whereas the same page is rendering on other browsers.

    Test Case:Just load the Ext page with firefox 3.6.13
    Code:
     <html>
        <head>
            <title id='title'>Login</title>
    
            <link rel="stylesheet" type="text/css" href="./resources/css/ext-all.css" />
            <script type="text/javascript" src="./bootstrap.js"></script>
            <script type="text/javascript" src="./ext-all.js"></script>
        </head>
         <body>
    
        <div id="rrformbody">
    
        <script type="text/javascript">
    
     var loginForm = new Ext.FormPanel( {
            width: 300,
            title:'Login',
            items: [ {
                layout:'column',
                border:false,
                    items:[ {
                    xtype: 'fieldset',
                    title: 'Login',
                    collapsible: false,
                    columnWidth:.99,
                    border:false,
                    items: [ {
                layout:'column',
                border:false,
                items:[ {
                    columnWidth:.99,
                    border:false,
                    items: [                                                {
                            xtype: 'textfield',
                            fieldLabel: 'Login Id',
                                                    name:'loginID',
                                                    id:'loginID',
                            anchor:'95%'
                              } ,
                            {
                            xtype: 'textfield',
                            fieldLabel: 'Password',
                                                    name:'password',
                                                    id:'password',
                                                    inputType:'password',
                            anchor:'95%'
                            } ,
                            {
                            xtype: 'button',
                            text: 'Login',  
                            anchor:'25%'                                      
                            } 
                                                    ]
                    } ]
                } ]
                    }
                     ]
    
                } ]
        } );
    
        loginForm.render(document.getElementById("rrformbody"));
    
        </script>
            </div>
        </body>
    </html>
    See this URL : None Steps to reproduce the problem:
    • Just create the html file with above code in extjs 4.0 beta 3 folder

    The result that was expected:
    • The login page should have displayed

    The result that occurs instead:
    • The browser is just showing the frame borders.

    Screenshot or Video:
    • attached

    Debugging already done:
    • none

    Possible fix:
    • not provided
    Attached Images Attached Images

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    18,392
    Vote Rating
    858
      0  

    Default

    There's several things wrong with your code, the main thing being it's not wrapped in an onReady block.

    You also have the layouts configured in a strange way, so I don't think we can classify this as a bug. Moving to help.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Similar Threads

  1. IE7, IE8 and Firefox compatibility
    By eaperezc in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 28 Oct 2010, 4:52 AM
  2. [2.??][DUP] Compatibility Issues with Firefox 3
    By cooldude87801 in forum Ext 2.x: Bugs
    Replies: 12
    Last Post: 23 Mar 2010, 11:12 AM
  3. Ext.menu.DateMenu & Firefox 3 Beta 5 display issue
    By access9 in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 9 Jun 2008, 8:04 AM
  4. Replies: 19
    Last Post: 7 Apr 2008, 10:32 PM
  5. Replies: 0
    Last Post: 13 Mar 2008, 5:12 PM

Tags for this Thread

Posting Permissions

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