CIMSymbol Composite Bubble - PictureMarkerSymbol Gets Cut Off During Map Rotation or at Specific Zoom Levels

[ZheWang66369]

Title: CIMSymbol Composite Bubble - PictureMarkerSymbol Gets Cut Off During Map Rotation or at Specific Zoom Levels

I've created a composite bubble symbol using CIMSymbol, which consists of two main components:

• Left: An icon using CIMPictureMarker

• Right: A countdown timer, composed of:

  • A background using CIMVectorMarker

  • Countdown digits where each digit is an individual CIMPictureMarker

Problem:
The CIMPictureMarker symbols (icon  & the digits) are being cut off or clipped at during map rotation or certain zoom levels.

• Figure 1: Shows the correct, fully rendered symbol.
  

  

• Figure 2: Shows the same symbol with digits & icon partially cut off.
  

  

Suspected Cause:
I suspect the issue may be related to the offsets I've applied to position the digital images, but I'm not sure about the underlying reason why this would cause clipping.

I've included my code snippet below.
https://codepen.io/zhe-wang/pen/GgodmoG

Could you please help me identify the root cause? Thank you!

[AnneFitz]

Hi, this seems like a bug, but could you please clarify a couple things: 

1. What version of the JavaScript SDK are you using? Does the issue go away if you update to the latest 4.34? Or is there a version where this worked as expected?
2. How much of an offset are you applying to the symbol? Your codepen is using a variable to set the offset but it would help me to know a range of where the problem begins to appear.

Thanks!