Input field a little bit shifted in fullscreen mode

[bartbutenaers]

Dear,

Some months ago Sam and Rachel have been so kind to fix my fullscreen issue. This allows me to show my Blockly workspace in fullscreen, and still be able to enter data into the input fields.

That works fine now, but there is a minor esthetic issue.
When data is being entered into the input field, the input field is a bit shifted (when in fullscreen mode):

This is the element involved, which is on top of the input field:

So really not a big issue! But if somebody ever has an idea how to solve this, that would be nice.

To Reproduce

Same way of working as described as in the original issue.

Expected behavior

Show the html input exactly on top of the input field.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome, Edge Chromium, Firefox
• Version: most recent version of these browsers

Kind regards,
Bart

[samelhusseini]

I wasn't able to reproduce this, although I only tried on a Mac and I recognize the issue states it was run on Chrome on Windows.
Are you able to reproduce this on the Blockly playground?
If so, can you share more about your setup.

Here's how I tried to repro, using the Blockly playground:
Change the DOM from <div id="blocklyDiv"></div> to:

  <div id="blocklyArea">
    <div id="blocklyDiv"></div>
  </div>

Add this line at the beginning of the start method:

  Blockly.setParentContainer(document.getElementById('blocklyArea'));

Replace the #blocklyDiv css with:

  #blocklyArea {
    float: right;
    height: 95%;
    width: 70%;
  }
  #blocklyDiv {
    height: 100%;
    width: 100%;
  }

Load the Blockly playground, and then run from the console:
document.getElementById('blocklyArea').requestFullscreen();

Let me know if you're still able to repro with the above steps.