jquery - jQuery 对话框上的 Google Blockly UI 不可编辑

Question

在 jQuery 对话框中渲染 Blockly UI 时，它不允许编辑输入。

原因是 Blockly 将一个 div 添加到 DOM，并带有如下输入字段:

<div class="blocklyWidgetDiv" style="direction: ltr; display: block; left: 514.052px; top: 133.094px; width: 91.5547px;">
  <input class="blocklyHtmlInput" value="dfgfdgdfgdfg">
</div>

但实际的 blocklyDiv 附加在 jQuery 对话框下。输入字段直接附加到 html 正文。

当我在对话框中移动 blocklyWidgetDiv 时，它显示页面中某个位置的输入字段，而不是在确切的编辑器位置呈现。

Answer 1

尝试使用以下代码根据您的面板调整 svg 的大小，这可能会通过重新初始化 svg 在一段时间内起作用 Blockly.svgResize(Blockly.getMainWorkspace())