文本选择在vaadin应用程序

Question

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

我添加ExternalResource / iframe的代码：

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

是否有修复方法可以让选择在IE中运行？

更多信息：

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

Answer 1

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

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