Proper Syntax to Set Annotation to selected status at Adorner Layer in SciChart JS...

I’m working on a charting program for financial markets, and trying to develop a drawing system that uses SciChartJS annotations.

The initial implementation allowed annotations to be “naturally” selected, but leaving them editable to be selected resulted in users accidentally ‘snagging’ one annotation while trying to draw another, or while trying to pan the chart. To get around this, we implemented a “right-click -> edit” function to activate an annotation for editing, that programmatically sets isEditable and isSelected to true. I understand that this is not advised, but I’m not familiar with another way to exert the necessary control/restraint over annotations. (we DO let them de-select “naturally” and that seems to work)

This has worked with LineAnnotation and HorizontalLineAnnotation with no issues. But when implementing BoxAnnotations, we found that, while the annotation looks to be in “selected” state, the adorners don’t “fully open”. I can click them inside the box and drag to re-size, but if I click them on the box border or outside the box, they don’t respond and the box de-selects.

The adorners DO fully open if I click the annotation anywhere, or if I drag it or drag an adorner from the inside. After that, I can click anywhere on the adorner circle and drag properly.

Based on other posts in this forum, I’m assuming that this has to do with the AdornerLayer selection information not being set by a programmatic “isSelected = true”. Can you provide sample code for how to set an annotation as selected at the AdornerLayer?

(I asked an LLM to try to interpret this prior post https://www.scichart.com/questions/js/programmatically-select-customannotation and generate code, but I’m not sure it’s implementing the AdornerLayer change properly)

Thank you!
-Mark