The latest articles on Forem by Samuel Pérez (@samy). https://forem.com/samy https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3927576%2Ffc1c6ba3-65f3-4d05-aa93-f47cf7bad09b.jpg https://forem.com/samy en Samuel Pérez Tue, 12 May 2026 16:34:33 +0000 https://forem.com/samy/the-page-jumps-up-when-clicking-on-buttons-in-a-javascript-calendar-1mn5 https://forem.com/samy/the-page-jumps-up-when-clicking-on-buttons-in-a-javascript-calendar-1mn5 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9bq1uupmiq0i5cl4t3ie.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9bq1uupmiq0i5cl4t3ie.png" alt=" " width="800" height="367"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvm1rzdsveem9kk1nh5db.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvm1rzdsveem9kk1nh5db.png" alt=" " width="800" height="366"></a></p> <p>I'm developing a calendar in vanilla JavaScript connected to a Node.js backend.</p> <p>I'm having a strange bug on the frontend:</p> <ul> <li>When clicking calendar buttons, the page scrolls up,</li> <li>The calendar re-renders after each action,</li> <li>and there seems to be a problem with the DOM scrolling or re-rendering.</li> </ul> <p>The calendar is dynamically rebuilt using:</p> <ul> <li>innerHTML</li> <li>createElement</li> <li>XMLHttpRequest</li> </ul> <p>I've already tried:</p> <ul> <li>type="button"</li> <li>preventDefault()</li> <li>stopPropagation()</li> </ul> <p>but the problem persists.</p> <p>Has anyone encountered a similar bug related to re-rendering or scroll position loss?</p> <p>I've attached a video of the behavior.</p> frontend javascript ui webdev