Hi John, I suspect you're declaring the dialog inside an element that creates its own stacking context, and since you see the issue on ios only, I bet your dialog is inside an element that sets -webkit-overflow-scrolling: touch https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling (which creates a new stacking context) This is a known limitation of overlays (see doc https://elements.polymer-project.org/elements/iron-overlay-behavior), and until we come with a better solution (or the platform provides a way to overcome these stacking context issues), the suggestion is to add overlays to body wherever possible, or to take care of the stacking context.
Hope this helps, Valdrin On Tuesday, February 16, 2016 at 1:34:09 AM UTC+11, John Brosan wrote: > > Hello everyone, > > I am working on a component, and need to invoke a paper-dialog from this > custom element. The paper-dialog seems to work on on regular PC/Mac > Chrome/Safari. However, when I test on iOS9 (iPhone 6s) the dialog seems to > appear "under" the header of the Polymer Starter Kit. Again, this does not > happen on Chrome/Safari for PC/Mac. Does anyone have suggestions, or links > on how to resolve this? > > Thanks, > John > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/7a11ca34-ac68-4e27-8869-7249b01b93b5%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
