UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Steps to reproduce the problem:
1. Open test page https://jsfiddle.net/zx5r4m6h/;
2. Scroll the div down slightly;
3. Click the button to insert another child element.

What is the expected behavior?
Elements should be inserted without triggering a scroll.

What went wrong?
Scroll is triggered when inserting an element. Other major browsers don't trigger a scroll in this situation (tested in Firefox 51.0.1 and IE 11.0.9600).

Did this work before? N/A 

Chrome version: 56.0.2924.87  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 24.0 r0

While this behaviour might be desirable in some scenarios, in the context of our web app it becomes an undesirable side effect of replacing data grid cells.

Workaround: Cache scroll position and reinstate after insert operation.

 

UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Steps to reproduce the problem:
1. Open test page https://jsfiddle.net/zx5r4m6h/
2. Scroll the div down slightly;
3. Click the button to insert another child element.

What is the expected behavior?
Elements should be inserted without triggering a scroll.

What went wrong?
Scroll is triggered when inserting an element. Other major browsers don't trigger a scroll in this situation (tested in Firefox 51.0.1 and IE 11.0.9600).

Did this work before? N/A 

Chrome version: 56.0.2924.87  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 24.0 r0

While this behaviour might be desirable in some scenarios, in the context of our web app it becomes an undesirable side effect of replacing data grid cells.

Workaround: Cache scroll position and reinstate after insert operation.