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
    Sencha Premium User
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,701
    Vote Rating
    494
    LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future

      0  

    Default [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
    Sencha Premium User
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,701
    Vote Rating
    494
    LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future

      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
    Sencha Premium User
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,701
    Vote Rating
    494
    LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future LesJ has a brilliant future

      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.