Draggable variwide chart - First element of chart is not draggable on Y axis

[gistiv]

Expected behaviour

Every datapoint of the variwide chart should be draggable on the y axis when the module is enabled.

Actual behaviour

The first datapoint is not draggable at any circumstances. Even if there is only one element in the chart, it is not draggable as it is the first datapoint.

Live demo with steps to reproduce

https://jsfiddle.net/Gistiv/k2xvhyo0/96/

Product version

Found on 8.2.2 and is still present in 9.3.0 as you can see in the fiddle

Affected browser(s)

Reproduced with chrome, edge and firefox

[raf18seb]

Hi @ChristophKubik, thanks for reporting the issue!

Internal note:
The problem is with this line:

highcharts/ts/Extensions/DraggablePoints.ts

Line 2501 in 36fe728

if (!path || pos.x < 0 || pos.y < 0) {

The first point's x's coordinate starts from -0.5 on a category xAxis, it should be valid here for a categorized xAxis.
This code solves the issue:

// Correct left edge value depending on the xAxis' type
const minEdge = point.series.xAxis.categories ? -0.5 : 0;
if (!path || pos.x < minEdge || pos.y < 0) {
    return;
}