Unexpected behavior of annotation

[peterjones2023]

The expected behavior should be for this annotation to remain within the plot area

When we add text annotation and drag it outside the chart and then it has been removed/Hide.

Live demo with steps to reproduce

(https://jsfiddle.net/BlackLabel/hmn3k12r/)

highchart.issue.mp4

[karolkolodziej]

Hi @adnanS2G and thank you for reporting the issue.

Internal note:
It looks like the if condition linked below is falling.

highcharts/ts/Extensions/Annotations/EventEmitter.ts

Lines 254 to 262 in 11fd752

	if (
	this.chart.isInsidePlot(
	e.chartX - this.chart.plotLeft,
	e.chartY - this.chart.plotTop,
	{
	visiblePlotOnly: true
	}
	)
	) {

This is only replicable to annotation added through GUI- demo.
It also seems like a different event is passed to the onDrag method if the annotation is added through the code -demo.

[peterjones2023]

Thanks, @karolkolodziej
I feel happy to hear you guys found the issue.
can you please tell me when will this issue resolve?

[jszuminski]

@adnanS2G, we've started working on this issue today and we're currently debugging it. I'll keep you posted.

[jszuminski]

@adnanS2G, this behavior is caused by the crop property.

Here's a workaround: https://jsfiddle.net/BlackLabel/abkoxpsq/
(you can also remove the clipRect if you wish: https://jsfiddle.net/BlackLabel/zbhc6tnk/)

Please try this out and let me know if everything works as expected.

[peterjones2023]

Thanks @jakubSzuminski ,
Without clipRect, this works fine for me as expected.

[peterjones2023]

Hi @jakubSzuminski
I am facing another issue with the annotation.
Can you please check.
https://github.com/highcharts/highcharts/assets/135982085/790a61e5-26d2-4c63-9f17-6d54d62fb79b