ZK-5629: group title doesn't render single quote as expected

zktest/src/main/webapp/test2/B100-ZK-5629.zul

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+B100-ZK-5629.zul
+
+	Purpose:
+
+	Description:
+
+	History:
+		2024/1/30, Created by jumperchen
+
+Copyright (C) 2024 Potix Corporation. All Rights Reserved.
+
+-->
+<zk>
+	<label multiline="true">
+		You should see the title of the groupbox should be "Drawer's position".
+	</label>
+	<groupbox title="Drawer's position" >
+	</groupbox>
+</zk>

zktest/src/main/webapp/test2/config.properties

@@ -3119,6 +3119,7 @@ B90-ZK-4431.zul=A,E,Multislider
 ##zats##B100-ZK-5605.zul=A,E,clientbind,widget
 ##zats##B100-ZK-5480.zul=A,E,cascader,selection,label
 ##zats##B100-ZK-4355.zul=A,E,timebox,col,default
+##zats##B100-ZK-5629.zul=A,E,groupbox,title,encodeXML
 
 ##
 # Features - 3.0.x version

zktest/src/test/java/org/zkoss/zktest/zats/test2/B100_ZK_5629Test.java

@@ -0,0 +1,30 @@
+/* B100_ZK_5629Test.java
+
+	Purpose:
+
+	Description:
+
+	History:
+		9:26 AM 2024/1/30, Created by jumperchen
+
+Copyright (C) 2024 Potix Corporation. All Rights Reserved.
+*/
+package org.zkoss.zktest.zats.test2;
+
+import static org.junit.jupiter.api.Assertions.assertEquals;
+
+import org.junit.jupiter.api.Test;
+
+import org.zkoss.test.webdriver.WebDriverTestCase;
+
+/**
+ * @author jumperchen
+ */
+public class B100_ZK_5629Test extends WebDriverTestCase {
+	@Test
+	public void test() {
+		connect();
+		waitResponse();
+		assertEquals("Drawer's position", jq(".z-groupbox-title-content").text());
+	}
+}

zul/src/main/resources/web/js/zul/wgt/mold/groupbox.js

@@ -15,20 +15,20 @@ it will be useful, but WITHOUT ANY WARRANTY.
 function groupbox$mold$(out, skipper) {
 	var uuid = this.uuid,
 		cap = this.caption,
-		title = this.getTitle();
-	title = title && !cap ? zUtl.encodeXML(title) : undefined;
+		title = this.getTitle(),
+		titleHTML = title && !cap ? zUtl.encodeXML(title) : undefined;
 
 	out.push('<div ', this.domAttrs_(), '>');
 
-	if (title || cap) {
+	if (titleHTML || cap) {
 		out.push('<div id="', uuid, '-header" class="', this.$s('header'),
 			(this._closable ? '' : ' ' + this.$s('readonly')), '">');
 		if (cap)
 			cap.redraw(out);
 		else
 			out.push('<div id="', uuid, '-title" class="', this.$s('title'),
 				'" role="none"><div id="', uuid, '-title-cnt" class="',
-				this.$s('title-content'), '" role="none">', zUtl.encodeXML(title), '</div></div>');
+				this.$s('title-content'), '" role="none">', titleHTML, '</div></div>');
 		out.push('</div>');
 	}