-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
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
Selection event produce error -> Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null #1790
Comments
+1 |
Did you find some solution for it @pacocom ? |
+1 |
This is happening with synchronized charts, when one of them has the tooltip disabled. If you enable the tooltip (at least, in our case), the error goes away. But this error doesn't break the app, or the charts themselves in any way, it's just annoying to have this error popping up in the console while developing. |
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. |
FYI Hi, I'm using apexcharts on Next.js, and got this error with In my case, this error seems to occur when I use example
Hope this helps. |
Thanks that helped me. |
This workaround just helped me handle certain data. But in case bunches of data, it won't. |
Hi, same issue here. It happens only on Safari, Version 16.1. Thanks! |
Same here any help ? |
Hi, after deep investigation I found out that it was breaking because of an outside monitoring app -> either Sentry or Fullstory. When uninstalled -> the crash never happened again. |
Hi, new to coding, i also tried doing a deep investigation but failed miserably. I get the error a.getRect.getBoundingClient but i dont have sentry or fullstory open/running/installed?/monitoring |
More information...this bug is consistently reproduceable in Safari 17.5 if you have a line or bar chart with an x axis of type 'datetime' and you move the mouse back and forth over the chart while it is loading. The bug does not appear in Chrome or Firefox. I think this bug might be fixable by adding a null check as commented in the apexcharts js code below:
|
Bug report
Selection event produce error -> When mouseover a line or marker --> Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null
Codepen
Modify this codepen to demonstrate the problem clearly, just fork it and paste the resulting codepen in your issue. Please make sure this is a minimal example, containing only the minimum necessary code to help us troubleshoot your problem. Issues/bug reports without reproducible example will be given least priority, so make sure you include one.
If you are using vue-apexcharts, and want to create a demo in Vue environment, use CodeSandbox Vue template
If you are using react-apexcharts, and want to create a demo in React environment, use CodeSandbox React template
Explanation
The text was updated successfully, but these errors were encountered: