HTMLLoader, main application window and scrollbars

Question

If I instantiate HTMLLoader with "new HTMLLoader.createRootWindow()," scrollbars show up correctly when text overflows the set width and height. I can add it to the stage, but I'm still left with an empty popped up native window
If I instantiate HTMLLoader with simply "new HTMLLoader()," you can add it to the stage, but it doesn't include scrollbars when the window overflows with text.
What I want to do is incredibly simple - create a new HTMLLoader instance, have as part of my main application's stage, and get the benefit of the built-in scrollbars.  Why is that so difficult?

Answer 1

OK - my problem with the HTML Control is I can't seem to add it to a child custom class.
i.e. - I have my main Air app and a custom class extending UIComponent. I add the custom class to the stage in the main app, and in the custom class, add an HTML Control.  I'm also adding a different HTML Control to the main app.
Only the HTML in the main app actually shows up. No errors given. What am I missing here?
Main Air app mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.HTML;
var _myComp:Comp;
private function init():void {
_myComp = new Comp();
_myComp.init();
_myComp.x = 200;
_myComp.y = 200;
addChild(_myComp)
var html:HTML = new HTML();
html.htmlText = "Text on main application window"
addChild(html);
]]>
</mx:Script>
</mx:WindowedApplication>
Comp Class:
package {
import flash.display.Shape;
import mx.controls.HTML;
import mx.core.UIComponent;
public class Comp extends UIComponent {
public function Comp() {
public function init():void {
var shape:Shape = new Shape()
shape.graphics.beginFill(0,1)
shape.graphics.drawRect(0,0,200,400);
shape.graphics.endFill();
addChild(shape)
var html:HTML = new HTML();
html.htmlText = "Text Inside child component";
html.x = 200
this.addChild(html);
trace(html.htmlText)