Vaadin 24：TinyMCE for Flow（Team Parttio 版本）初始渲染空白

Question

我正在使用 Team Parttio 的 Vaadin Flow 的 TinyMCE 编辑器 (https://vaadin.com/directory/component/tinymce-for-flow) 以及 Vaadin 24.1.3 和 TinyMCE 编辑器版本 4.0.5。

这个组件非常出色 - 除了一件事：我在带有网格的编辑表单上使用它。第一次通过单击网格显示编辑表单时，TinyMCE 编辑器为空白。每隔一个网格单击即可显示编辑表单 - 编辑器已正确填充。当您单击另一个表单（从侧面导航）并返回网格并单击编辑按钮时 - 同样的事情发生 - 编辑器是空白的。随后的编辑工作完美。

这是我尝试过的：

• 我已经检查了绑定 - 一切都很好 - 该组件是 获取正确的数据；
• 我尝试仅将编辑器对象放在 编辑表格 - 同样的问题；
• 我尝试将其放入对话框中 - 相同 问题；
• 与以下内容相比，更改了绑定发生的顺序 编辑表单的显示 - 同样的问题；
• 当组件 可见（例如，在开始时不隐藏）并且从 网格发生 - 每次都能正确渲染；

我确信这很简单......我不知所措。如果有人可以帮助我解决这个问题 - 我们将不胜感激！

Answer 1

答案是不要在表单上使用“setvisible”，而是使用CSS类（form.addClass（“xyz”））来设置表单的可见性和显示。这样它们就可以正确渲染（如果您检查页面，它们就会出现在 DOM 中），但对用户隐藏。