Clicking on edge of 3D Pie Chart has Inconsistent Behavior

[PyroSA]

Expected behaviour

Clicking on 3D Pie Chart Edge should act like a click on the surface itself.

Actual behaviour

Inconsistent - seems to depend on where the cursor came from.
Could do one of:

• Select Correct Segment
• Nothing
• Select Wrong Segment

Live demo with steps to reproduce

https://www.highcharts.com/docs/chart-concepts/3d-charts#3d-pie
http://jsfiddle.net/ued470wz/
Click on the edge...

Product version

Highcharts 9.1.2

Affected browser(s)

Google Chrome, Edge, Others?

[KacperMadej]

Hi @PyroSA ,

Thank you for reporting the problem.

The graphic elements other than the top face/side have no reference to the point and hover logic fails to find the point.

Workaround: http://jsfiddle.net/BlackLabel/uxt410z7/

[PyroSA]

@KacperMadej I'll see if I can get that into our project - Thanks 👍

[PyroSA]

Patched just fine.
Little bit of extra code to ensure we only add the event once (Angular project) and it's responding as expected.

[KacperMadej]

In general, there is a logic for ensuring that in Highcharts parts, so it could be utilized like here: http://jsfiddle.net/BlackLabel/uxt410z7/1/

Generalized template:

  (function(H) {
    var _modules = H ? H._modules : {};

    function _registerModule(obj, path, args, fn) {
      if (!obj.hasOwnProperty(path)) {
        obj[path] = fn.apply(null, args);
      }
    }
    _registerModule(_modules,
		'Custom/3d-pie-fix', // unique name of the code part
		[_modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], // load some other parts
		function(SeriesRegistry, U) { // args are the loaded parts

      // your code goes here
			
			// return something to have it accessible
			// to be loaded like SeriesRegistry in the example
    });
  }(Highcharts));