I'm trying to left middle align the tooltip for a stacked bar chart to look something like this

I have turned on the shared tooltip option and a custom formatter to render all the stacked bar options in a single tooltip as below

I'm not sure why only the bottom most stack is the only one which is getting highlighted. And, turning on a custom positioner is getting rid of the tooltip pointer.

And, I'm having a hard time actually positioning the tooltip. Just hoping to see if anyone has done something like this before or if there is any in-build highcharts setting to change the position by default.

Thanks :)

This is what I have so far https://codesandbox.io/s/highcharts-5ww676?file=/src/index.js:2018-2028