Results 1 to 5 of 5

Thread: Bug in Internet Explorer 10 ?

  1. #1
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    597
    Answers
    35

    Default 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 Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,436
    Answers
    3997

    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
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    597
    Answers
    35

    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

    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

    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
  •