UserAgent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. Calculate canvas element width and height through its parent `offsetWidth` and `offsetHeight`, to be both the same size.
2. Update canvas width and height with an `onresize` event listener
3. Canvas' parent dimensions should be automatically set by CSS Grids
4. Resize window

What is the expected behavior?
The canvas and its parent dimensions must correspond to the CSS Grids rules. If a grid item width is set to be 50% its container width, it must be de same proportion, even on window resize. Then item's `offsetWidth` (Javascript) should be 50% of its container width, also 'offsetWidth' must be the same ratio on resize (this is calculated with an event listener and update every time). 

What went wrong?
Canvas width and height (and its parent) calculation is unexpected. On every resize event offsetWidth and offsetHeight increases indefinitely each time, never decreases as it should.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 67.0.3396.99  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

Open file for an example
 

Deleted: index.html 1.6 KB

index.html 1.6 KB View Download