gskinner/EaselJS — Issue #117: Text object not rendering in Chrome
Author: mgiraldo
Created: 2012-02-24 18:30:44+00:00
State: open

Hi

I am using a font text variable for reuse with text objects:

var thefont = "share-regular,'Arial Narrow',sans-serif";

The objects themselves are created with something similar to:

txt = new Text("drag me", "20px " + thefont, "#fff");
txt.textBaseline = "middle";
txt.lineWidth = 80;
txt.x = 0;
txt.y = -100;
stage.addChild(txt);

Google Chrome Mac is having trouble with this. This issue is not present in Firefox or Safari Mac.

I tried using a single font value (instead of the three font fallback) and it didn't work. The main font is from Typekit (I tried removing that and using async load for that and still no luck). I emptied Chrome cache and all the same. Is there an issue with Chrome and the Text object?

A working example can be seen in the URL below. Click on "anywhere to begin" to see what I mean: there is an empty rectangle in the bottom left which should have a text reading "rotate mode":

http://stereo.nypl.org/convert/g90f186_033f

Any help will be appreciated!