Results 1 to 5 of 5

Thread: Bug in Internet Explorer 10 ?

  1. #1
    Sencha User
    Join Date
    Feb 2011
    Location
    Dsseldorf, Germany
    Posts
    594
    Answers
    35
    Vote Rating
    33
      0  

    Default Unanswered: Bug in Internet Explorer 10 ?

    Hi,

    I just tried the following:

    Code:
    {
        xtype: 'container',
        layout: 'vbox',
        scrollable: 'vertical',
        items: [
            {
                xtype: 'container',
                html: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.'
            }
        ]
    }
    Running it inside Chorme, Safari, Android, iOS works fine, but in IE10 it won't keep 100% in width. I runs out of the screen.
    If I remove the layout: 'vbox' it works fine.

    Any idea what I am doing wrong?

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,318
    Answers
    3883
    Vote Rating
    1291
      0  

    Default

    You aren't really telling it to do any sizing. If you have this for your layout:

    Code:
    layout : {
        type  : 'vbox',
        align : 'stretch'
    }
    Then it should tell it to stretch it horizontally to take up 100% of the parent's width.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Location
    Dsseldorf, Germany
    Posts
    594
    Answers
    35
    Vote Rating
    33
      0  

    Default Nope

    Tried it again, as I was not sure if I did it in the past, exactly that way.
    But nope. It runs out of the screen to the right.
    But only in IE10, not in Chrome.

  4. #4
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    10
    Vote Rating
    0
      0  

    Default

    I had this same issue (ST v 2.2.1). It only affects IE10 as far as I can tell. My solution was to place a class on elements that were affected and then have a method that would look for those elements by class name and hard code their size to the width of the window.

    1. Put a class on affected elements (ex cls: 'check-width')
    2. Call a utility method when the views loaded (init or activate)
    3. Here is the method that is called:

    Code:
    checkWidths : function() {
    
    
    		try {
    
    
    			if (Ext.browser.is.IE) {
    
    
    				var width = (window.innerWidth > 0) ? window.innerWidth : screen.width
    				var elements = Ext.DomQuery.select('.check-width');
    
    
    				for ( var i = 0; i < elements.length; i++) {
    
    
    					var element = Ext.get(elements[i]);
    					element.setWidth(width);
    
    
    				}
    
    
    			}
    
    
    		} catch (e) {
    
    
    		}
    
    
    	}

  5. #5
    Sencha User
    Join Date
    Jan 2012
    Posts
    15
    Vote Rating
    1
      0  

    Default

    is any solution now?

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
  •