From d1e2ef34f12172a175f9181f1240f763bae4bd04 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Sat, 27 May 2017 12:36:40 -0400
Subject: [PATCH] treat <textarea> children the same as a value attribute

---
 src/generators/dom/visitors/Element/Element.ts  | 14 ++++++++++++++
 .../samples/textarea-children/_config.js        | 17 +++++++++++++++++
 .../runtime/samples/textarea-children/main.html |  3 +++
 3 files changed, 34 insertions(+)
 create mode 100644 test/runtime/samples/textarea-children/_config.js
 create mode 100644 test/runtime/samples/textarea-children/main.html

diff --git a/src/generators/dom/visitors/Element/Element.ts b/src/generators/dom/visitors/Element/Element.ts
index a5974f9485..5e831becd7 100644
--- a/src/generators/dom/visitors/Element/Element.ts
+++ b/src/generators/dom/visitors/Element/Element.ts
@@ -107,6 +107,20 @@ export default function visitElement ( generator: DomGenerator, block: Block, st
 	}
 
 	if ( node.name !== 'select' ) {
+		if ( node.name === 'textarea' ) {
+			// this is an egregious hack, but it's the easiest way to get <textarea>
+			// children treated the same way as a value attribute
+			if ( node.children.length > 0 ) {
+				node.attributes.push({
+					type: 'Attribute',
+					name: 'value',
+					value: node.children
+				});
+
+				node.children = [];
+			}
+		}
+
 		// <select> value attributes are an annoying special case — it must be handled
 		// *after* its children have been updated
 		visitAttributesAndAddProps();
diff --git a/test/runtime/samples/textarea-children/_config.js b/test/runtime/samples/textarea-children/_config.js
new file mode 100644
index 0000000000..f21519b26a
--- /dev/null
+++ b/test/runtime/samples/textarea-children/_config.js
@@ -0,0 +1,17 @@
+export default {
+	'skip-ssr': true, // SSR behaviour is awkwardly different
+
+	data: {
+		foo: 42
+	},
+
+	html: `<textarea></textarea>`,
+
+	test ( assert, component, target ) {
+		const textarea = target.querySelector( 'textarea' );
+		assert.strictEqual( textarea.value, `\n\t<p>not actually an element. 42</p>\n` );
+
+		component.set({ foo: 43 });
+		assert.strictEqual( textarea.value, `\n\t<p>not actually an element. 43</p>\n` );
+	}
+};
\ No newline at end of file
diff --git a/test/runtime/samples/textarea-children/main.html b/test/runtime/samples/textarea-children/main.html
new file mode 100644
index 0000000000..de50c807d6
--- /dev/null
+++ b/test/runtime/samples/textarea-children/main.html
@@ -0,0 +1,3 @@
+<textarea>
+	<p>not actually an element. {{foo}}</p>
+</textarea>
\ No newline at end of file