Ios7 safari bug
The bottom screen in Safari loses pixels after upgrading to IOS7. Thus buttons at the bottom will be partly hidden ;-(
- JimWatters
- Posts: 329
- Joined: Thu Oct 07, 2010 6:16 pm
- Location: Saint John, New Brunswick
- Contact:
I do not have an iOS device to test but found many on FB complaining about this bug of Safari and iOS7 too.
Created bug report. Issue #866
Created bug report. Issue #866
- Jim Watters
http://photocreations.ca
http://photocreations.ca
- 360Texas
- Moderator
- Posts: 3684
- Joined: Sat Sep 09, 2006 6:06 pm
- Location: Fort Worth, Texas USA
- Contact:
Interesting observations:
All touch screen devices permitted touching buttons and touch swipe for rotating did work. However, finger gesturing like pinching for zoom in/out did not work.
Dell Windows 8 IE10 (default browser) 27"Touch Screen: While not shown.. acted similar to the Samsung Galaxy 4s. Also IE10 reported HTML5 content delivery
Samsung Galaxy 4s Chrome (default browser) OS/ 4.2.2 Could not tell if Chrome was delivering Flash or HTML.. no right mouse button.
All works: slider bar buttons in correct position and function as expected... touch 1 = next pano. Slides in /out. Seems autorotation turned off.
iPad 3 Apple o/s 6.1.3 (10B329) Safari (default browser) HTML5 content delivery by default.
All works: slider bar buttons in correct position and function as expected... touch 1 = next pano. Slides in /out. Seems autorotation turned off. We noticed that the slider slides out as normal and ... also slide full length across the bottom. Now buttons are on screen far right. We swiped the buttons left.. and they repositioned themselves screen far left.
All touch screen devices permitted touching buttons and touch swipe for rotating did work. However, finger gesturing like pinching for zoom in/out did not work.
Dell Windows 8 IE10 (default browser) 27"Touch Screen: While not shown.. acted similar to the Samsung Galaxy 4s. Also IE10 reported HTML5 content delivery
Samsung Galaxy 4s Chrome (default browser) OS/ 4.2.2 Could not tell if Chrome was delivering Flash or HTML.. no right mouse button.
All works: slider bar buttons in correct position and function as expected... touch 1 = next pano. Slides in /out. Seems autorotation turned off.
iPad 3 Apple o/s 6.1.3 (10B329) Safari (default browser) HTML5 content delivery by default.
All works: slider bar buttons in correct position and function as expected... touch 1 = next pano. Slides in /out. Seems autorotation turned off. We noticed that the slider slides out as normal and ... also slide full length across the bottom. Now buttons are on screen far right. We swiped the buttons left.. and they repositioned themselves screen far left.
viewing the pano in landscape mode will produce the problem. BUT rotating the view to potrait mode the buttons are fully viewable.
Maybe this link is interesting to read for some of you who are technically savy ?
http://www.mobilexweb.com/blog/safari-i ... pis-review
Maybe this link is interesting to read for some of you who are technically savy ?
http://www.mobilexweb.com/blog/safari-i ... pis-review
If you run into this issue, you can simply swap out the "hideUrlBar" function in the header of your HTML page to the following code, and this should solve the issue for now.
Code: Select all
function hideUrlBar() {
var p = String(navigator.platform);
var v = String(navigator.appVersion);
container = document.getElementById("container");
if( p === 'iPad' || p === 'iPhone' || p === 'iPod' ){
if (v.indexOf("CPU OS 7_")>=0) {
// iOS 7.
if (container) {
container.style.top=(0) + "px";
container.style.left=(0) + "px";
container.style.width=(window.innerWidth) + "px";
container.style.height=(window.innerHeight) + "px";
}
window.scrollTo(0, 0);
} else {
if (container) {
var cheight;
switch(window.innerHeight) {
case 208:cheight=268; break; // landscape
case 260:cheight=320; break; // landscape, fullscreen
case 336:cheight=396; break; // portrait, in call status bar
case 356:cheight=416; break; // portrait
case 424:cheight=484; break; // portrait iPhone5, in call status bar
case 444:cheight=504; break; // portrait iPhone5
default: cheight=window.innerHeight;
}
if ((cheight) && ((container.offsetHeight!=cheight) || (window.innerHeight!=cheight))) {
container.style.height=cheight + "px";
setTimeout(function() { hideUrlBar(); }, 1000);
}
}
document.getElementsByTagName("body")[0].style.marginTop="1px";
window.scrollTo(0, 1);
}
}
}
MfG, Thomas