Weird JavaScript bug in Chromium based browsers

For a school exercise, I'm trying to increase the width of a button using Javascript.

This is my code:

const button = document.querySelector("button");    button.addEventListener("click", () => {    console.log(button.offsetWidth);    button.style.width = button.offsetWidth + 1 + "px";  });

<button>Press me!</button>

For some reason, the width stops increasing after 3 clicks. This only happens in Chromium based browsers (Chrome, Edge, Brave). What makes this even weirder is that the code runs fine on my other laptop running the exact same versions of Chrome and Edge. In Firefox and IE9, it also works fine. I've tried cleaning my cache, and even installed a new browser (Vivaldi), which has the same problem. I am running Windows 10 version 1909.

https://stackoverflow.com/questions/65589614/weird-javascript-bug-in-chromium-based-browsers January 06, 2021 at 10:59AM