[FLEX-35201] TileLayout is not working in javascript mode

• Type: Bug
• Status: Closed
• Priority: Critical
• Resolution: Fixed
• Affects Version/s: Apache FlexJS 0.7.0, Apache FlexJS 0.8.0
• Fix Version/s: Apache FlexJS 0.8.0
• Component/s: FlexJS
• Assignee: Peter Ent
• Reporter: Pan Li
• Created: 07/Dec/16 05:55
• Updated: 16/Dec/16 08:54
• Resolved: 07/Dec/16 21:01

Description

to reproduce the problem:

	<js:Container  width="300">
		<js:beads>		
		<js:TileLayout numColumns="3"/>
		</js:beads>
			
			<js:TextButton  text="A" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			<js:TextButton text="ddd" />
			
</js:Container>

the controls are not aligned correctly. It can arrange controls more strangely if the UI is more coplex