We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to prevent jumping around on a website after Chart update

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

8 Replies

SB Swetha Babu Syncfusion Team March 6, 2023 09:38 AM UTC

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 14th 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



DA Daniel March 6, 2023 02:09 PM UTC

Thank you Swetha,

nothing to add from my side at this point. 

Cheers,

Daniel



SB Swetha Babu Syncfusion Team March 8, 2023 04:29 AM UTC

Daniel,


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



SB Swetha Babu Syncfusion Team March 16, 2023 09:19 AM UTC

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.




DA Daniel March 16, 2023 01:01 PM UTC

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



DG Durga Gopalakrishnan Syncfusion Team March 17, 2023 11:01 AM UTC

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.



DA Daniel March 18, 2023 09:10 AM UTC

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



SB Swetha Babu Syncfusion Team March 20, 2023 03:20 AM UTC

Daniel,


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


Loader.
Live Chat Icon For mobile
Up arrow icon