Use JS to limit shortname length, but support emoji

Author: iMattPro

adm/style/event/acp_overall_footer_after.html

@@ -0,0 +1,14 @@
+<script>
+	const input = document.getElementById('pwa_short_name');
+	const maxLength = 12;
+
+	input.addEventListener('input', () => {
+		// Use Array.from to count characters correctly
+		const inputChars = Array.from(input.value);
+
+		// If input exceeds maxLength, truncate it
+		if (inputChars.length > maxLength) {
+			input.value = inputChars.slice(0, maxLength).join('');
+		}
+	});
+</script>

event/listener.php

@@ -213,7 +213,7 @@ public function pwa_short_sitename($value, $key)
 	{
 		$placeholder = $this->trim_shortname($this->config['sitename']);
 
-		return '<input id="' . $key . '" type="text" size="40" maxlength="12" name="config[' . $key . ']" value="' . $value . '" placeholder="' . $placeholder . '">';
+		return '<input id="' . $key . '" type="text" size="40" maxlength="24" name="config[' . $key . ']" value="' . $value . '" placeholder="' . $placeholder . '">';
 	}
 
 	/**