Ui.LBox.extend('Ui.TextAreaField', 
/**@lends Ui.TextAreaField#*/
{
	textarea: undefined,
	scroll: undefined,

	/**
	 * @constructs
	 * @class
	 * @extends Ui.LBox
	 */
	constructor: function(config) {
		this.addEvents('change');

		this.setPadding(3);

		this.append(new Ui.Rectangle({ fill: new Ui.Color({ r: 1, g: 1, b: 1, a: 0.25 }), radius: 4, marginTop: 1  }));
		this.append(new Ui.Rectangle({ fill: new Ui.Color({ r: 0, g: 0, b: 0, a: 0.4}), radius: 4, marginBottom: 1  }));

		this.append(new Ui.Rectangle({ fill: new Ui.Color({ r: 0.98, g: 0.98, b: 0.98 }), radius: 4, marginTop: 1, marginBottom: 1 }));
		this.append(new Ui.Shadow({ inner: true, radius: 4, marginTop: 1, marginBottom: 1, opacity: 0.2 }));

		this.scroll = new Ui.ScrollingArea();
		this.append(this.scroll);

		this.textarea = new Ui.TextArea({ margin: 4, fontSize: 16 });
		this.connect(this.textarea, 'change', function(textarea, value) {
			this.fireEvent('change', this, value);
		});
		this.scroll.setScrollingContent(this.textarea);
	},

	getValue: function() {
		return this.textarea.getValue();
	},

	setValue: function(value) {
		this.textarea.setValue(value);
	}

}, 
/**@lends Ui.TextAreaField#*/
{
	/**#@+
     * @private
     */
	onStyleChange: function() {
	},

	onDisable: function() {
		Ui.TextAreaField.base.onDisable.call(this);
	},

	onEnable: function() {
		Ui.TextAreaField.base.onEnable.call(this);
	}

	/**#@-*/
});


@@ -86,28 +86,8 @@
 ned,
-%0A%09scroll: undefined,
 %0A%0A%09/
@@ -695,77 +695,8 @@
 );%0A%0A
-%09%09this.scroll = new Ui.ScrollingArea();%0A%09%09this.append(this.scroll);%0A%0A
 %09%09th
@@ -882,34 +882,14 @@
 his.
-scroll.setScrollingContent
+append
 (thi

remove the scrolling area