文本选择在 Vaadin 应用程序内的 iframe 中不起作用

Question

在我的vaadin应用程序中，我使用外部资源将JSP嵌入到我的一些vaadin视图中。外部资源在生成的 html 代码中创建 iframe 标记。我现在遇到的问题是，当我使用Internet Explorer或Microsoft Edge时，我无法在该iframe中选择任何文本。Firefox和Google Chrome中的选择工作正常。

我添加外部资源/iframe的代码：

    BrowserFrame browser = new BrowserFrame();
    browser.setSource(new ExternalResource(myPageUrl));
    browser.setSizeFull();
    addComponent(browser);

是否有修复程序可以使选择在IE中工作？

---

更多信息：

• JSP 中有一些按钮，无论浏览器类型如何，我都可以按下。
• 当我使用浏览器的 DOM 资源管理器时，我能够在任何浏览器中看到 JSP 的 html 代码。

Answer 1

我遇到了同样的问题。事实证明，vaadin 在div 的 css 中添加了-ms-user-select: none; .v-app。出于某种原因，它在使用 Internet Explorer 时阻止 iframe 中的文本选择。

在 iframe 元素上设置-ms-user-select: text;似乎可以解决问题。