How to prevent jumping around on a website after Chart update

[Daniel]

Hi,

I have a website with only 2 Syncfusion Charts in it. The top one is an ej.charts.Chart (StackingColumn) and below an ej.grids.Grid with 15 items shown.

Both, the chart and the grid are auto-updated every 10 seconds, which all works.

If I now scroll down the webpage to the bottom, I can no longer see the top / StackingColumn chart, but every 10 seconds when the chart is updated (through chart.series[0].dataSource = <new data>), the whole page is scrolled up to the top chart.

How can I prevent this automatically scrolling away from the users viewpoint? (it only happens with the Chart, I do not have this problem when updating the table)

I have attached a 10 seconds video showing the problem.

I appreciate your help, thank you !

Daniel

Attachment: Webpage_jumping.mov_26261ecf.zip

[Swetha Babu]

Hi Daniel,

Greetings from Syncfusion.

We have considered the reported scenario as a bug and logged a defect report for the same. The fix for the reported scenario will be included in our weekly patch release which is expected to be rolled out on 14^th March 2023. Please find the below feedback link to keep track of the reported scenario.

Feedback link: https://www.syncfusion.com/feedback/41791/the-page-is-reloaded-automatically

If you have any more specifications/precise replication procedure to be followed, please add it as a comment in the portal.

Regards,

Swetha

[Daniel]

Thank you Swetha,

nothing to add from my side at this point. 

Cheers,

Daniel

[Swetha Babu]

Daniel,

Most Welcome! We will let you know once the fix is included in our weekly patch release.

[Swetha Babu]

Daniel,

We have included the fix for the reported scenario in our weekly patch release(v20.4.54). You can download the latest package from the below link.

https://www.npmjs.com/~syncfusionorg

You can upgrade the package to the latest version to resolve the reported scenario. Please get back to us if you need further assistance.

[Daniel]

Hi Swetha,

unfortunately it does not solve the issue.

If you check with your own stackblitz example:

https://stackblitz.com/edit/jw8f3b?file=index.js,index.html

and change the ej2.min.js to load the 20.4.54 version, the issue is still there.

Thank you for looking into it.

Regard

[Durga Gopalakrishnan]

Daniel,

We have ensured the reported problem in attached sample. We have resolved the reported issue in latest patch release version; we also request you to remove the chart refresh method in sample while updating data. We have attached the tested sample for your reference.

Sample : https://stackblitz.com/edit/jw8f3b-fbvbpq

If you are still facing problem, please get back to us. Kindly revert us if you have any other concerns.

[Daniel]

Hi Durga,

thank you for mentioning that the 'refresh' method also had to be removed. I can confirm this issue is closed with the update.

Regards,

Daniel

[Swetha Babu]

Daniel,

We are glad to hear that the reported scenario gets resolved. Please get back to us if you need further assistance.