Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

3d pie chart doesn't hide when using visibilty:hide #9623

Closed
Asanchezvera opened this issue Dec 7, 2018 · 1 comment

Comments

@Asanchezvera
Copy link

commented Dec 7, 2018

Expected behaviour

When the contanier where the 3d pie chart is drawn has the css property visibility:hidden the chart isn't shown

Actual behaviour

The chart is still being shown, despite it shouldn't.

Live demo with steps to reproduce

http://jsfiddle.net/BlackLabel/ejqpcn68/

Product version

Highcharts 6.2

Affected browser(s)

Chrome 70
Firefox 63

@TorsteinHonsi

This comment has been minimized.

Copy link
Collaborator

commented Dec 10, 2018

Thanks for reporting! Demo with the fix applied: http://jsfiddle.net/highcharts/2kwhq9n5/

Until the next release, here's a drop-in fix you can use:

Highcharts.addEvent(Highcharts.Chart, 'render', function () {
    [].forEach.call(
    	this.container.querySelectorAll('*[visibility="visible"]'),
        function (elem) {
        	elem.setAttribute('visibility', 'inherit');
        }
    );
});

View it live on jsFiddle.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants
You can’t perform that action at this time.