Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-4303 in a recent build.
  1. #1
    Touch Premium Member
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,329
    Vote Rating
    118
    LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all

      0  

    Default [4.0.7] [4.0.6] VML - broken text rotation

    [4.0.7] [4.0.6] VML - broken text rotation


    Try the code below in IE7 and Firefox (evaluate it in IE's debug bar console and Firebug's console).

    You will see that the text is NOT rotated in IE, but it's rotated in Firefox.

    How do I work around this issue in 4.0.7?

    Code:
    Ext.create('Ext.draw.Component', {
        renderTo: Ext.getBody(),
        viewBox: true,
        height: 400,
        width: 400,
        padding: 20,
        items: [{
            type: 'text',
            id: 'myText',
            text: 'My Text component',
            fill: '#000',
            font: '12px Arial',
            rotate: {
                degrees: 90
            }
        }]
    });
    To make this more interesting, I'd like to add that text rotation works as expected in IE8, but not in IE7.

    viewBox is set to true - this is an important point.
    Last edited by LesJ; 24 Oct 2011 at 1:48 PM. Reason: Add IE8 info

  2. #2
    Touch Premium Member
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,329
    Vote Rating
    118
    LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all

      0  

    Default


    I see the same problem in 4.1 PR1.

    I managed to find a workaround for release 4.0.6, but I'm not able to find a fix for release 4.0.7.

    Can anyone give me a hint how to work around this bug?

  3. #3
    Touch Premium Member
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,329
    Vote Rating
    118
    LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all LesJ is a name known to all

      0  

    Default


    Quote Originally Posted by LesJ View Post
    To make this more interesting, I'd like to add that text rotation works as expected in IE8, but not in IE7.
    Actually, this is not true. Text rotation is broken in both IE7 and IE8.

    I had a Google Chrome Frame enabled on the computer where I tested IE8 (and this bypassed the Ext draw VML engine).

    I'm sorry about the misleading bug description regarding IE8.