[Solved]-Focus event does not bubble up to the parent in Highcharts-Highcharts

The problem is related with this issue: https://github.com/highcharts/highcharts/issues/11824

And it is caused by calling e.preventDefault in onContainerMouseDown method: https://github.com/highcharts/highcharts/blob/61419f1d60b0e0fb069569e23e609e12b1943ea5/ts/Core/Pointer.ts#L1232

As a workaround add the below plugin:

(function(H) {
    H.wrap(H.Pointer.prototype, 'onContainerMouseDown', function(proceed) {
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));
        document.getElementById("wrapper").focus();
    });
}(Highcharts));

Live demo: http://jsfiddle.net/BlackLabel/L08nagq4/

Docs: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts