I need a line symbol with an outline so I have used a CIMLineSymbol with 2 layers of CIMSolidStroke, one of them with a CIMGeometricEffectBuffer.
Can the buffered element be made to stick to the 'parent' layer and not disconnect as it is shown on this GIF?

const createLineSymbol = (color, outlineColor) => ({
type: 'cim',
data: {
type: 'CIMSymbolReference',
symbol: {
type: 'CIMLineSymbol',
symbolLayers: [
{
type: 'CIMSolidStroke',
enable: 'true',
effects: [{
type: 'CIMGeometricEffectBuffer',
size: 3,
}],
capStyle: 'Butt',
joinStyle: 'Round',
width: 1,
color: outlineColor
},
{
type: 'CIMSolidStroke',
enable: true,
capStyle: 'Butt',
joinStyle: 'Bevel',
width: 6,
color: color
}
]
}
}
});