文本选择在 vaadin 应用程序内的 iframe 中不起作用
text selection not working in iframe inside vaadin application
在我的 vaadin 应用程序中,我使用 ExternalResource 将 JSP 嵌入到我的一些 vaadin 视图中。 ExternalResource 在生成的 html 代码中创建一个 iframe 标记。
我现在遇到的问题是,当我使用 Internet Explorer 或 Microsoft Edge 时,我无法 select iframe
中的任何文本。在 Firefox 和 Google Chrome 中的选择工作正常。
我添加外部资源/iframe 的代码:
BrowserFrame browser = new BrowserFrame();
browser.setSource(new ExternalResource(myPageUrl));
browser.setSizeFull();
addComponent(browser);
是否有使 selection 在 IE 中正常工作的修复程序?
更多信息:
- JSP 中有按钮,无论浏览器类型如何,我都可以按。
- 当我使用浏览器的 DOM 浏览器时,我可以在任何浏览器中看到 JSP 的 html 代码。
我遇到了同样的问题。原来是vaadin给.v-app
div的css添加了-ms-user-select: none;
。由于某种原因,它会在使用 Internet Explorer 时阻止 iframe 中的文本选择。
在 iframe 元素上设置 -ms-user-select: text;
似乎解决了这个问题。
在我的 vaadin 应用程序中,我使用 ExternalResource 将 JSP 嵌入到我的一些 vaadin 视图中。 ExternalResource 在生成的 html 代码中创建一个 iframe 标记。
我现在遇到的问题是,当我使用 Internet Explorer 或 Microsoft Edge 时,我无法 select iframe
中的任何文本。在 Firefox 和 Google Chrome 中的选择工作正常。
我添加外部资源/iframe 的代码:
BrowserFrame browser = new BrowserFrame();
browser.setSource(new ExternalResource(myPageUrl));
browser.setSizeFull();
addComponent(browser);
是否有使 selection 在 IE 中正常工作的修复程序?
更多信息:
- JSP 中有按钮,无论浏览器类型如何,我都可以按。
- 当我使用浏览器的 DOM 浏览器时,我可以在任何浏览器中看到 JSP 的 html 代码。
我遇到了同样的问题。原来是vaadin给.v-app
div的css添加了-ms-user-select: none;
。由于某种原因,它会在使用 Internet Explorer 时阻止 iframe 中的文本选择。
在 iframe 元素上设置 -ms-user-select: text;
似乎解决了这个问题。