SharePoint Online site Shortcut Won't Open with Browser "Back" and "Forward" Controls in Mobile iOS

%3CLINGO-SUB%20id%3D%22lingo-sub-1401036%22%20slang%3D%22en-US%22%3ESharePoint%20Online%20site%20Shortcut%20Won't%20Open%20with%20Browser%20%22Back%22%20and%20%22Forward%22%20Controls%20in%20Mobile%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1401036%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%3EI%20have%20a%20large%20SharePoint%20Online%20site%20and%20an%20iPhone%2011%20Pro%20cellphone.%26nbsp%3B%20%26nbsp%3BThese%20are%20the%20steps%3A%26nbsp%3B%201.%26nbsp%3B%20I%20go%20to%20my%20large%20SharePoint%20Online%20Site%20on%20Safari%20on%20my%20cellphone%20and%20try%20to%3C%2FSPAN%3E%3CSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%22Add%20to%20Home%20Screen%22%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3Bas%20a%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3Eshortcut%3C%2FSTRONG%3E%3CSPAN%3E.%26nbsp%3B%20%26nbsp%3B2.%26nbsp%3B%20BUT%20when%20I%20open%20the%20short%20cut%20(on%20my%20phone)%2C%20instead%20of%20opening%20my%20SharePoint%20site%20immediately%20on%20the%20Safari%20browser%2C%20the%20shortcut%20opened%20it%20in%20a%20weird%20browser%20with%20no%20%22back%22%20and%20%22forward%22%20controls%20(that%20are%20located%20at%20the%20bottom%20of%20the%20browser).%26nbsp%3B%26nbsp%3B%20*Everything%20worked%20fine%20until%20the%20iOS%2013%20upgrade.%3C%2FSPAN%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSTRONG%3EConclusion%3A%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%20I%20want%20the%3C%2FSPAN%3E%3CSPAN%3E%3CSTRONG%3E%26nbsp%3B%22Back%22%20and%20%22Forward%22%20navs%26nbsp%3B%3C%2FSTRONG%3E%3C%2FSPAN%3E%3CEM%3Eto%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FEM%3E%3CSTRONG%3Eappear%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3Ein%20the%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3Ehorizontal%20bottom%20bar%20in%20my%20weird%20browser%3C%2FSPAN%3E%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CU%3E%3CSTRONG%3E%3CEM%3EOR%3C%2FEM%3E%3C%2FSTRONG%3E%3C%2FU%3E%3CSPAN%3E%26nbsp%3Bto%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3Ehave%20the%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3Eshortcut%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3Eimmediately%20open%20(%3C%2FSPAN%3E%3CSPAN%3Emy%20SharePoint%20Online%20site)%20in%20Safari!%3C%2FSPAN%3E%3C%2FSTRONG%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSPAN%3EHere%20is%20my%20meta%20tag%3A%26nbsp%3B%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3E%26lt%3Bmeta%20name%3D%22%22viewport%22%22%20content%3D%22%22width%3Ddevice-width%2C%22%20initial-scale%3D%221.0%2C%22%20viewport-fit%3D%22cover%22%2F%22%20%2F%26gt%3B%3C%2FSTRONG%3E%3CBR%20%2F%3E%3CEM%3EI%20have%20commented%20out%20my%20CSS%20files%20and%20my%20Javascript%20files%20and%20still%20got%20the%20same%20error%20so%20that%20did%20not%20seem%20to%20have%20caused%20the%20issue.%3C%2FEM%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSPAN%3EPlease%20HELP%20ASAP!%26nbsp%3B%20Thank%20you!%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1462245%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Online%20site%20Shortcut%20Won't%20Open%20with%20Browser%20%22Back%22%20and%20%22Forward%22%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1462245%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20answer%20to%20this%20is%20found%20here%3A%20%3CA%20href%3D%22https%3A%2F%2Fdevelopers.google.com%2Fweb%2Ffundamentals%2Fnative-hardware%2Ffullscreen%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdevelopers.google.com%2Fweb%2Ffundamentals%2Fnative-hardware%2Ffullscreen%3C%2FA%3E%3CBR%20%2F%3EYou%20would%20insert%20a%20javascript%20snippet%20to%20cancel%20the%20browser's%20full-screen%20mode%3A%3CBR%20%2F%3Efunction%20cancelFullScreen()%20%7B%3CBR%20%2F%3Evar%20doc%20%3D%20window.document%3B%3CBR%20%2F%3Evar%20cancelFullScreen%20%3D%20doc.exitFullscreen%20%7C%7C%20doc.mozCancelFullScreen%20%7C%7C%20doc.webkitExitFullscreen%20%7C%7C%20doc.msExitFullscreen%3B%3CBR%20%2F%3EcancelFullScreen.call(doc)%3B%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

I have a large SharePoint Online site and an iPhone 11 Pro cellphone.   These are the steps:  1.  I go to my large SharePoint Online Site on Safari on my cellphone and try to "Add to Home Screen" as a shortcut.   2.  BUT when I open the short cut (on my phone), instead of opening my SharePoint site immediately on the Safari browser, the shortcut opened it in a weird browser with no "back" and "forward" controls (that are located at the bottom of the browser).   *Everything worked fine until the iOS 13 upgrade.

Conclusion:  I want the "Back" and "Forward" navs to appear in the horizontal bottom bar in my weird browser OR to have the shortcut immediately open (my SharePoint Online site) in Safari!

Here is my meta tag:  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
I have commented out my CSS files and my Javascript files and still got the same error so that did not seem to have caused the issue.

Please HELP ASAP!  Thank you!

1 Reply

The answer to this is found here: https://developers.google.com/web/fundamentals/native-hardware/fullscreen
You would insert a javascript snippet to cancel the browser's full-screen mode:
function cancelFullScreen() {
var doc = window.document;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
cancelFullScreen.call(doc);
}
<body onload="cancelFullScreen()">