iOS上的聚合物纸对话框

时间:2016-02-29 15:56:33

标签: polymer

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

问题是,当我在聚合物项目元素页面中尝试对话框时,它可以在iOS上运行,但我的实现并没有,但我发现我的实现和提供的演示之间没有任何区别{ {3}}

我已将我的网页放入可访问的网址,以便您可以尝试

https://elements.polymer-project.org/elements/paper-dialog?view=demo:demo/index.html&active=paper-dialog

如果我从Safari桌面试用它可以正常工作,但在我的iPhone中,背景元素位于叠加层上

http://v5.irekia.efaber.net/mobile/test 有人能帮助我吗?我错过了什么吗?

2 个答案:

答案 0 :(得分:0)

尝试将纸张对话框的z-index压缩为105. <iron-overlay-backdrop>元素有一些限制:

  

通过设置元素,将元素设置为显示在其他内容之上   z-index属性。您必须确保没有元素具有堆叠上下文   具有比其父堆叠上下文更高的z索引。你应该   尽可能将这个元素作为孩子放置。

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

答案 1 :(得分:-1)

某些浏览器尚未完全支持Polymer。 尝试更新webcomponents.js或更新纸质对话框组件。