FieldInput on Win10: Overlay editor does not disappear when the user scrolls

[valfis86]

Problem statement

The FieldInput editor overlay does not disappear when the user interacts with the scrollbars ("inbuild scrollbars"?). Further, the overlay does not scroll with the workspace, leaving it disconnected.

Expected Behavior

The overlay should disappear as soon as the user scrolls or interacts with the scrollbar.

Actual Behavior

The editor overlay remains visible and does not scroll with the workspace.

Steps to Reproduce

Click into a textfield of a block (e.g. the number block) opens a small overlay to edit the current value. This overlay behaves incorrect if the blockly workspace is scrolled using the inbuild scrollbars. When scrolling the workspace the corresponding block changes its position as expected, but the overlay doesn't.

Operating System and Browser

Tested with the february release of blockly on a Windows 10 machine with Firefox 58 and Chrome 64.

[AnmAtAnm]

Expected Behavior

The overlay should change its position when the workspace is scrolled. When navigating away from the page where the blockly workspace is shown all overlays should dissapear.

I believe the overlay should disappear as soon as the user scrolls or interacts with the scrollbar.

Also, Think there are two bugs here. The first is the overlay behavior when scrolling. The second bug is regarding field size calculation when loading some fields in some situations.

On Mac/Chrome, the overlay behaves correctly (disappears) when scrolled. I was able to reproduce the developer tools / field size error on my Mac.

[AnmAtAnm]

I've split out the sizing issue to #1688, and rewrote the text above to describe only the scrolling issue.

[RoboErikG]

@rachel-fenichel to repro

[samelhusseini]

Tested on v3.20200123.1 and this no longer repros. Tested on Windows 10 with IE11 and Chrome.