Results 1 to 9 of 9

Thread: firefox and autoFitErrors parameter

  1. #1
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    372

    Default firefox and autoFitErrors parameter

    Please consider this fiddle:

    https://fiddle.sencha.com/#view/editor&fiddle/3010

    Everything works fine in chrome, but in firefox the autoFitErrors parameter is not considered.

    see pictures
    thank you so much
    Attached Images Attached Images

  2. #2
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    372

    Default

    It is a problem that also exists in previous versions.

    Does anyone have a fix already available?

    Thanks in advance.

  3. #3
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    372

    Default

    Firefox version: 69.0.3
    Attached Images Attached Images

  4. #4
    Sencha Sr Product Manager
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    1,167

    Default

    It looks the same for me in chrome and firefox. Could there be an extension in chrome that is causing a difference? Try shutting off the chrome extensions possibly.

  5. #5
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    372

    Default

    It is among the strangest things I've seen.


    Using only chrome (all with the same version, without plugins) on 4 PCs behaves differently in other 2 ways.
    under the test code and two images showing the different generated html code.
    I just can't understand.

    Code:
    <!DOCTYPE html><html>
    <head>
    <title></title><meta http-equiv="X-UA-Compatible" content="IE=EDGE">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" rel="stylesheet" href="/ext/ext-7.0.x/build/classic/theme-triton/resources/theme-triton-all.css">
    </head>
    <script type="text/javascript" src="/ext/ext-7.0.x/build/ext-all-debug.js"></script>
    <script type="text/javascript" src="/ext/ext-7.0.x/build/classic/locale/locale-it.js"></script>
    <script type="text/javascript">
    Ext.onReady(function() {
        Ext.create('Ext.Panel', {
            renderTo : Ext.getBody(),
    
    
            width : 800,            
            items : [{
                xtype: 'fieldcontainer',
                layout: 'hbox',       
                margin: '5 5 5 5',                   
                items : [{
                   xtype: 'textfield',  
                   autoFitErrors:false ,
                    fieldLabel: "aa"
                },{
                   xtype: 'label',                
                   text: "XXXXXXXXXX"
                }]
            }]           
    
    
        });
    });
    </script>
    </form>
    </body>
    </html>
    Attached Images Attached Images

  6. #6
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    372

    Default

    With firefox I get the same result.
    both with autoFitErrors: false and with autoFitErrors: true.
    on every pc.


    really very strange.

    Code:
    <!DOCTYPE html><html>
    <head>
    <title></title><meta http-equiv="X-UA-Compatible" content="IE=EDGE">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" rel="stylesheet" href="/ext/ext-7.0.x/build/classic/theme-triton/resources/theme-triton-all.css">
    </head>
    <script type="text/javascript" src="/ext/ext-7.0.x/build/ext-all-debug.js"></script>
    <script type="text/javascript" src="/ext/ext-7.0.x/build/classic/locale/locale-it.js"></script>
    <script type="text/javascript">
    Ext.onReady(function() {
        Ext.create('Ext.Panel', {
            renderTo : Ext.getBody(),
    
    
            width : 800,            
            items : [{
                xtype: 'fieldcontainer',
                layout: 'hbox',       
                margin: '5 5 5 5',                   
                items : [{
                    xtype: 'textfield',  
                    autoFitErrors:false ,
                    fieldLabel: "aa"
                },{
                   xtype: 'label',                
                   text: "XXXXXXXXXX"
                }]
            }]           
    
    
        });
    });
    </script>
    </form>
    </body>
    </html>

  7. #7
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    372

    Default

    I'm getting stuck, but there's a bug somewhere.
    with FF both there is autoFitErrors = true and autoFitErrors = false the result is the same.

    Edit:
    I don't know why once saved, the images are compressed and become unclear
    Attached Images Attached Images

  8. #8
    Sencha Sr Product Manager
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    1,167

    Default

    I can't reproduce the issue with the fiddle yet. It looks to the same to me in all the browsers I've tried. I'm not sure what I can do until I can see the issue my self.
    Attachment 58112

    What OS are you using?
    What version of firefox?

  9. #9
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    372

    Default

    Quote Originally Posted by branflake2267 View Post
    I can't reproduce the issue with the fiddle yet. It looks to the same to me in all the browsers I've tried. I'm not sure what I can do until I can see the issue my self.
    Attachment 58112

    What OS are you using?
    What version of firefox?


    Hello.
    With windows.


    Tried now with the new version downloaded this morning, the 70.0.
    Everything works as expected.


    With the 69.0.3 version instead it works as described above, ie incorrectly.


    thank you so much.

Posting Permissions

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