apexcharts / react-apexcharts

📊 React Component for ApexCharts
https://apexcharts.com
MIT License
1.3k stars 151 forks source link

Strange Error on Microsoft Edge #161

Closed 18601673727 closed 1 day ago

18601673727 commented 4 years ago

I have couple of pages with charts inside, everytime perform url hash change(ex. click links on the menu), Edge would throw

0: Unable to get property 'querySelector' of undefined or null reference    apexcharts.common.js (6,1)

Have tried all shims/shams/polyfills/browserlist/X-UA-Compatible tricks, still got same error.

Library Version: apexcharts v3.17.1 Browser Version: Microsoft Edge 44.18362 Other Version: react-dom 16.13.1 with react-router 5.1.2

Please take look into this problem, thanks in advance!

junedchhipa commented 4 years ago

Can you help debug this error? Please use the un-minified version of apexcharts - https://cdn.jsdelivr.net/npm/apexcharts@3.17.1/dist/apexcharts.js

import ApexCharts from 'apexcharts/dist/apexcharts.js'

Then, please post the full error when you change the URL.

I don't have windows at the moment, so getting a full error will help to add a check where the issue is occurring.

18601673727 commented 4 years ago

Okay, hope this will help

1 2

The menu I've talked about is entirely isolated with this .apexcharts-menu, I don't even know what that is..

junedchhipa commented 4 years ago

Thank you for sending the detailed error. Strangely, the querySelector should not return null unless the chart was not present on the document. I'll look into it more when I get on windows.

18601673727 commented 4 years ago

Thank you for sending the detailed error. Strangely, the querySelector should not return null unless the chart was not present on the document. I'll look into it more when I get on windows.

Yes, some pages don't have charts in, so if I switch between non-chart pages, no errors at all, so I'm guessing the error occurs during the DOM destructuring phase. Or maybe our chart events should never been bind to the document node at the first place.

18601673727 commented 4 years ago

Also, please take a look at my other issue on OSX by any chance. Thank you! https://github.com/apexcharts/apexcharts.js/issues/1155

sontek commented 4 years ago

My users have been hitting this issue on edge as well

sontek commented 4 years ago

This continues to be a problem for both IE11 and Edge

Screen Shot 2020-07-16 at 11 34 40 AM
giedriusvickus commented 3 years ago

Any news regarding this issue?

github-actions[bot] commented 1 week ago

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.