Problem With Flash List Component

Hey guys,

The list component built into flash is giving me a weird problem–whenever I scroll horizontally a bit and then scroll vertically, the whole list gets goofed up.

See it here (too see the problem in full effect, scroll all the way to the right then scroll vertically)

I’m pretty stumped as to why this is happening…All help is greatly appreciated!

Here’s My code:


import fl.data.DataProvider;

var obj_arr:Array = new Array();
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Text Woooo"});
obj_arr.push({label: "Loooooooooooooooooooooooooooooooooooooooooooooooooooooooong Text Woooo"});

var dp:DataProvider = new DataProvider(obj_arr);
foo.dataProvider = dp;

foo.maxHorizontalScrollPosition = 200;
foo.horizontalScrollPolicy = 'on';