From f65b4896dfb99bd21746ad32d6adbe40a6742a30 Mon Sep 17 00:00:00 2001
From: Jelle De Loecker <jelle@elevenways.be>
Date: Sun, 4 Feb 2024 14:39:20 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20setting=20`value`=20not=20?=
 =?UTF-8?q?working=20server-side=20on=20`<textarea>`=20elements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md            |  1 +
 lib/dom/html_element.js | 12 +++++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fa812631..7398ac37 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 * Improve printed error messages during rendering
 * Actually update the `hawkejs.scene.exposed` values after receiving new data from the server
 * Fix custom-element render issue with overlaying variable instances
+* Fix setting `value` not working server-side on `<textarea>` elements
 
 ## 2.3.15 (2023-11-27)
 
diff --git a/lib/dom/html_element.js b/lib/dom/html_element.js
index 6ddcf27d..2d020d65 100644
--- a/lib/dom/html_element.js
+++ b/lib/dom/html_element.js
@@ -186,7 +186,7 @@ Element.setProperty(function tabIndex() {
  *
  * @author   Jelle De Loecker <jelle@develry.be>
  * @since    1.3.0
- * @version  1.3.1
+ * @version  2.3.16
  *
  * @type     {String}
  */
@@ -208,8 +208,14 @@ Element.setProperty(function value() {
 	return this[VALUE];
 }, function setValue(value) {
 
-	// Setting the value of a textarea breaks the bond between the innerHTML
-	if (this.tagName != 'TEXTAREA') {
+	if (this.tagName == 'TEXTAREA') {
+
+		if (value === null) {
+			value = '';
+		}
+
+		this.textContent = value;
+	} else {
 		if (HAS_VALUE[this.tagName]) {
 			return this.setAttribute('value', value);
 		}