Ext JS 4.0 Beta 3, compatibility Issue with firefox 3.6

**probharat** · 17 Apr 2011 9:02 PM

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 ?

**tryanDLS** · 18 Apr 2011 8:18 AM

What's broken?

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

**probharat** · 18 Apr 2011 10:01 PM

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

**evant** · 19 Apr 2011 8:13 AM

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.

Ext JS 4.0 Beta 3, compatibility Issue with firefox 3.6

Thread Tools

Search Thread

Display

Ext JS 4.0 Beta 3, compatibility Issue with firefox 3.6

Ext JS 4.0 Beta 3, compatibility Issue with firefox 3.6

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

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

Similar Threads

IE7, IE8 and Firefox compatibility

[2.??][DUP] Compatibility Issues with Firefox 3

Ext.menu.DateMenu & Firefox 3 Beta 5 display issue

[2.x] Firefox 3... Beta 5 Aimed @ compatibility or user experience

[2.x] Firefox 3... Beta 5 Aimed @ compatibility or user experience

Tags for this Thread