1. #1
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    587
    Vote Rating
    32
    Answers
    35
    Kurt001 has a spectacular aura about Kurt001 has a spectacular aura about

      0  

    Default Unanswered: Bug in Internet Explorer 10 ?

    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 - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    898
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      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 @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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
    Düsseldorf, Germany
    Posts
    587
    Vote Rating
    32
    Answers
    35
    Kurt001 has a spectacular aura about Kurt001 has a spectacular aura about

      0  

    Default Nope

    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
    evschu is on a distinguished road

      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
    boooch is on a distinguished road

      0  

    Default


    is any solution now?