PDA

View Full Version : [FIXED] [4.0.7] [4.0.6] VML - broken text rotation



LesJ
24 Oct 2011, 12:27 PM
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?



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.

LesJ
26 Oct 2011, 8:37 AM
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?

LesJ
29 Oct 2011, 7:52 AM
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.