We’re working on a modular application in Flex and until recently were having issues with embedded fonts in modules. The main issue was that we wanted fonts embedded in the main CSS to be available in the loaded modules, and we were having a heck of a time getting this to work.

Some research led me to Alex Harui’s post about how to use embedded fonts in modules and late-load the embedded font. Alex’s example demonstrates Flex 2.0.1’s new runtime CSS approach and uses the StyleManager class.

We’re not, however, interested in loading the CSS at runtime (although we reserve the right to change our mind, because it’s a really handy thing to be able to do), so I modified Alex’s example to more closely represent our application structure with hopes of finding my mistake. After the modification, it became clear that I wasn’t making a mistake, but that I had run into a bug. Can you spot it? Here’s the code…

Ali and I were just working on our super-secret project that’s written using Flex 2 and we came across a pretty surprising problem.

We have a DataGrid that slides out of the way and back again. If the application is compiled on his machine, the DataGrid header disappears after being collapsed to less than 2 pixels of width, while it works fine when compiled on my machine.

We finally figured out that he has installed Flex Builder 2.0.1 while I’m still on the good old Flex Builder 2.0… Looks like some kind of fun injection!

Essentially the rule is that if you’re using the latest Flex Builder build (2.0.1), don’t ever let your DataGrids get smaller than 2 pixels wide.