I am starting to experiment with overlay panels for navigation, and all was going well until I tested my page on my iPhone.
I have mimicked the overlay panel shown at :
The only change I made was in the CSS at the bottom, I switched the
right: 0 !important;
left: auto !important;
to
right: auto !important;
left: 0 !important;
so my overlay would show on the left side instead of the right side. On my desktop, laptop, and Nexus tablet it worked great. When I view my page on my iphone, the overlay ignores the CSS and comes down in the middle of the page, and does not match its height to the screen height. Just to test, I visited
on my iPhone - and when you click the "Open Panel" button there, the panel does display on the right side (as it should), but does *not* adjust its height to full screen height.
Since the demo page also does not display properly, my first question is, is there a known issue with Overlay Panels in iPhone/iPad OS?
TIA