1. #1
    Sencha Premium Member
    Join Date
    Jul 2011
    Posts
    119
    Vote Rating
    5
    john76543 is on a distinguished road

      0  

    Default MessageBox doesn't size properly in 4.2

    MessageBox doesn't size properly in 4.2


    In 4.2.0 try the following code:

    Code:
    Ext.onReady(function ()
    {
        var msg = "xxxx xxxxxx xxxxxxxx xxxxxxxx xxxxxxx, 1.2.3.4 (ahahahahahahahahah)" +
            "<br /><br />This is a second line of text" +
            "<br /><br />This line is not visible in IE10";
            
        Ext.MessageBox.alert("Information", msg);
    });
    In IE10 the third line is not visible (I guess the dialog isn't sizing correctly). It fails on both Classic and Neptune themes.

    So this weekend I've really proved to myself 4.2.0 isn't ready for me to use in production code... sigh.

    Ext 4.2.0, IE10, Windows 7

    PS. It works in Chrome

  2. #2
    Sencha Premium Member
    Join Date
    Jul 2011
    Posts
    119
    Vote Rating
    5
    john76543 is on a distinguished road

      0  

    Default


    Using <p> seems to work better, but that add some complexity to code (I was replacing \n with <br />).

    And it's an inconsistency with 4.1

  3. #3
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,166
    Vote Rating
    674
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    This is a known issue on IE10. Something to do with the way word/line breaking happen. Haven't been able to pin it down yet.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  4. #4
    Sencha Premium Member
    Join Date
    Aug 2011
    Posts
    8
    Vote Rating
    0
    tbonci is on a distinguished road

      0  

    Default Possible workaround

    Possible workaround


    I found a temporary workaround that seems to work for us. It is sort of hacky, but it allows for the message box to be usable until the sizing issue is tacked down.
    Code:
    Ext.MessageBox.on('show', function (me) {
        if (me.msg.isVisible()) {
            me.msg.up('container').setHeight(me.msg.getHeight());
        }
    });

Thread Participants: 2

Tags for this Thread