iOS 上的 Polymer 纸质对话框

Question

我在 Safari iOS 上遇到了一个奇怪的 Polymer 纸质对话框问题，在桌面上运行良好。叠加层似乎位于背景元素下方，因此无法访问叠加层。 我一直在读这个问题 paper-dialog in Polymer doesn't close in iPhone 并且建议的解决方案对我不起作用。

问题是，当我尝试在聚合物项目元素页面中的对话框时，它可以在 iOS 上运行，但我的实现却没有，但我找不到我的实现和提供的演示 https://elements.polymer-project.org/elements/paper-dialog?view=demo:demo/index.html&active=paper-dialog 之间的任何差异

我已将我的页面放在一个可访问的 url 中，因此您可以尝试一下

http://v5.irekia.efaber.net/mobile/test

如果我在我的 Safari 桌面上尝试它，它可以正常工作，但在我的 iPhone 中，背景元素位于覆盖层之上

有人可以帮我吗？我错过了什么吗？

Answer 1

尝试将纸质对话框的 z-index 提高到 105。<iron-overlay-backdrop> 元素有一些限制：

元素被设置为显示在其他内容之上，方法是设置它的 z-index 属性。您必须确保没有元素具有堆叠上下文 具有比其父堆叠上下文更高的 z-index。你应该 尽可能将此元素作为子元素。

来源： https://github.com/PolymerElements/iron-overlay-behavior

Answer 2

某些浏览器尚不完全支持 Polymer。 尝试更新 webcomponents.js 或更新 paper-dialog 组件。