Hi
This is my second post on issues with full screen on ipad, it may later prove necessary to post code or alternatively to supply screen shots but first I will attempt a written description and see if that is enough to get any leads.
I have not exhausted the possibilities that this is a bug of my own making but I have now managed to reproduce the problem with a pano I made very early on when I relied almost exclusively on the droplets supplied with krpano examples and toolkit so it seems unlikely that the problem is in the xml as I am seeing it with code from different sources.
Case 1:
1. Embed pano in html file - pano div is sized 700 x 450 pixels so smaller than the screen on either ipad or my laptop.
2. Use menu buttons supplied in defaultskin.xml altered only so that the menu will appear on ipad - this is done simply because it is
necessary to be able to transition to full screen to show the problem (remove the device="desktop" statement for each button) I simply
need a fullscreen button to demonstrate the issue.
I included seven lines duplicated lines of html so that I had a bit of content above the pano.
hello<br> ( x 7 )
<div id="pano" style="width:700px; height:450px;">
This works fine - I cannot provoke the fault, I can alternate between full screen and 700x450 repeatedly using the fullscreen menu button, when the pano is fullscreen it "clicks" nicely into place on the screen and I cannot see any of the surounding webpage.
Case 2:
Increase the amount of content that appears above the pano, in my case I had 26 lines but I suspect it will depend on font size.
hello<br> ( x 26 )
<div id="pano" style="width:700px; height:450px;">
Now the problem occurs and is consistent, if I scroll the page so that the bottom edge of the pano div is visible then I scroll several lines of "hello" off the top of the screen.
Now when I tap the button for fullscreen a different and problematic behaviour occurs.
The pano div gets bigger but does not align itself properly with the available display area ( basically the full screen size minus the safari top menu bar ) I can still see quite a lot of the surounding webpage and also see lines of "hello", I am still seeing content from outside of the pano-div because the pano-div failed to align itself properly to "click into place". The effect is pretty much like a "zoom webpage so pano appears as big as view area but offset pano so that it does not fully occupy view area.
I can use my finger to now scroll the "missed" pano div so that it "locks into place" where it should have locked to give a correct JS viewer full screen effect. There is a definite "snap" behaviour - as soon as the pano-div is close to alignment it snaps into place decisively. Once in place it seems to be stable - after all there is now no control surface available outside the pano-div so actually there is no obvious method
of moving the pano out of place once it has snapped into place.
The problem now is that an area of the bottom of the pano div is now unresponsive, the menu does not work and I cannot pan the panorama using my finger if I place my finger in the bottom portion of the pano div. I can only get a response if I use the upper portion of the div.
I am not sure but I think that the height of this unresponsive area may be related to the amount of mis-alignment when the "fullscreen div" failed to align itself properly - this is based only on subjective observation but it does seem that in cases where the mis-alignment is greatest and the pano div is too low in the screen area ( so that more webpage and more lines of "hello" still appear at the top ) then the unresponsive area at the bottom seems to be higher ( this can be tested once the pano has been moved on the screen and "snapped" into place ).
If this explanation is unclear I can try and supply pics but it will probably mean taking photos.
Any ideas?
kind regards
Jon