Horizontal Tree: TreeNode styleClass not respecting Node EL variable

[melloware]

Version: PF 6.1.13 and PF 6.2

Screenshot:

We are trying to use StyleClass of TreeNode to color the treenode border based on the content of the node. It appears using an EL expression in the styleClass() leads to the Node value being the previous value every time or off by 1 starting with the root.

We have attached an example Test project that shows the issue. The border colors should be RED, GREEN, BLUE but you can see they are all shifted by one color.

<p:tree  value="#{testView.treeNode}" var="node" orientation="horizontal">
	<p:treeNode styleClass="custom-node border-#{node.color}">
		<h:outputText value="#{node.color}" title="#{node.color}" />
	</p:treeNode>
</p:tree>

.custom-node .ui-treenode-content {
	background-color: white;
	color:black;
	background-image:none;
	border:1.5px solid black;
}

.border-RED .ui-treenode-content {
	border:1.5px solid red !important;
}

.border-GREEN .ui-treenode-content {
	border:1.5px solid green !important;
}

.border-BLUE .ui-treenode-content {
	border:1.5px solid navy !important;
}

Runnable Project to demonstrate the issue: primefaces-test-treenode.zip

[melloware]

I am reporting this through a PRO account so no action for anyone.