Apexcharts.js: Any click on chart button makes the page scrol to top

[EnzoKilm]

Bug report

There is my diagram :

Explanation

• What is the behavior you expect?
  When I click for example on a line label, the line should disappear and nothing more should happen.
• What is happening instead?
  The line disappear but the page automatically scrolls up for no reason. This not happen only when I click on a label but also when I click on the zoom in/out buttons and so on.
• What error message are you getting?
  I'm getting no error message.

[junedchhipa]

Can you reproduce this in a codepen?

[EnzoKilm]

Can you reproduce this in a codepen?

Might be a little complicated, my whole chart is automated by database queries and twig variables (I work under Symfony 5). Tell me what else can I do ?

[bn3t]

I have the same problem: Here is my code sandbox which reproduces it: https://codesandbox.io/s/react-apexcharts-bar-show-hide-serie-x35jt?file=/src/App.js

You just have to make the window small enough so that there are scroll bars, scroll to the bottom, activate/deactive legends. It scroll to the top each time the chart renders.

[fredli74]

I am experiencing the same problem with one of my applications where I have a chart that updates on a timer. On every update, it scrolls the page to the top. (https://github.com/fredli74/smartcharge-dev/issues/159)

This was a bug introduced in Apexcharts version 3.19.3, my workaround has been pinning the version to 3.19.2 in my package.json file.

I tested it in your codesandbox and it seems to solve the click problem as well.

"apexcharts": "3.19.2",

[junedchhipa]

Thanks for reproducing it. I will take a look soon.