Layout changes when user clicks on popup

[William Finzer]

I have Blockly running in an iFrame (inside CODAP). As shown in the "Before click" screen capture, there is a boolean value in the workspace. When I click on the popup to change the boolean to false, the entire iFrame shifts to the left by the width of the blocklyToolboxDiv as shown in the "After click" screen capture. I need to prevent this, of course.

I've studied the html and css pretty carefully, but I can't figure out what is causing the shift or how to prevent it.

Thanks in advance for any help!

Bill

[William Finzer]

I realized it would be helpful to have a live link: Simmer Layout Bug.

Interestingly, in Safari the layout shift is <5 pixels and hardly noticeable whereas in Chrome it is as above in the screen shots.

Also of interest is that in the iFrame plugin there is a .dg-web-view-backdrop div that CODAP provides that may be playing a part in the layout. If you delete this div, the layout shift is much less noticeable, but still present.

[Aaron Dodson]

Hi Bill,

I believe this is due to a change I recently introduced to scroll menu items into view, which is apparently a bit more aggressive about that than intended! I've filed https://github.com/google/blockly/issues/8762 to track, and will try to get a fix out soon. In the meantime, downgrading to 11.2 should work around it. Sorry for the trouble, and thanks for letting us know!

- Aaron

[William Finzer]

Thank you, Aaron!