Hi there, we've been playing with the CIMSymbol and have created a simple symbol comprised of a base color and three hatch fills ontop. The hatch fills are rotated 45, 90, and 135.
But we're noticed on more than one occasion the symbol doesn't tile correctly and the hatch fills 'break' along the tile.
In this image you can see the CIMSymbol - as well as a enlarged close up to show the mis-alignment.

The symbol itself doesn't have anything fancy like primitive overrides or anything.
Has anyone encountered this tiling issue?
Symbol for reference
{
"type": "CIMPolygonSymbol",
"symbolLayers": [
{
"type": "CIMSolidStroke",
"enable": true,
"capStyle": "Round",
"joinStyle": "Round",
"lineStyle3D": "Strip",
"miterLimit": 10,
"width": 0.4,
"color": [0, 0, 0, 255]
},
{
"type": "CIMHatchFill",
"enable": true,
"lineSymbol": {
"type": "CIMLineSymbol",
"symbolLayers": [
{
"type": "CIMSolidStroke",
"enable": true,
"capStyle": "Butt",
"joinStyle": "Miter",
"lineStyle3D": "Strip",
"miterLimit": 10,
"width": 0.5,
"color": [255, 255, 255, 255]
}
]
},
"rotation": 90,
"separation": 10
},
{
"type": "CIMHatchFill",
"enable": true,
"lineSymbol": {
"type": "CIMLineSymbol",
"symbolLayers": [
{
"type": "CIMSolidStroke",
"enable": true,
"capStyle": "Butt",
"joinStyle": "Miter",
"lineStyle3D": "Strip",
"miterLimit": 10,
"width": 0.5,
"color": [255, 255, 255, 255]
}
]
},
"rotation": 135,
"separation": 10
},
{
"type": "CIMHatchFill",
"enable": true,
"lineSymbol": {
"type": "CIMLineSymbol",
"symbolLayers": [
{
"type": "CIMSolidStroke",
"enable": true,
"capStyle": "Butt",
"joinStyle": "Miter",
"lineStyle3D": "Strip",
"miterLimit": 10,
"width": 0.5,
"color": [255, 255, 255, 255]
}
]
},
"rotation": 45,
"separation": 10
},
{
"type": "CIMSolidFill",
"enable": true,
"color": [39, 129, 153, 255]
}
]
}