diff --git a/www/css/app.css b/www/css/app.css
index 271cfc4b..6a9a013a 100644
--- a/www/css/app.css
+++ b/www/css/app.css
@@ -81,6 +81,7 @@ body {
 div:not(.panel-success, .alert-message) {
     -ms-user-select: none;
     -moz-user-select: none;
+    -webkit-user-select: none;
     user-select: none;
 }
 
@@ -114,7 +115,7 @@ div:not(.panel-success, .alert-message) {
     overflow-wrap: break-word;
 }
 
-#top, #articleContent, #footer {
+#top, #articleContent, #footer, article {
     transition: transform 0.5s ease;
 }
 
@@ -209,8 +210,8 @@ div:not(.panel-success, .alert-message) {
     left: 0;
     right: 0;
     border: 5px solid lightgrey;
-    animation: spin 1s linear infinite;
     -webkit-animation: spin 1s linear infinite;
+    animation: spin 1s linear infinite;
     border-top: 5px solid steelblue;
     border-radius: 50%;
     width: 50px;
@@ -219,8 +220,8 @@ div:not(.panel-success, .alert-message) {
 
 .glyphicon.spinning {
     color: white;
-    animation: spin 1s linear infinite;
     -webkit-animation: spin 1s linear infinite;
+    animation: spin 1s linear infinite;
 }
 
 .status {
diff --git a/www/js/lib/uiUtil.js b/www/js/lib/uiUtil.js
index 6ebe0034..8f477d4a 100644
--- a/www/js/lib/uiUtil.js
+++ b/www/js/lib/uiUtil.js
@@ -41,17 +41,19 @@ const footer = document.getElementById('footer');
  */
 function hideSlidingUIElements () {
     const articleContainer = document.getElementById('articleContent');
-    const headerStyles = getComputedStyle(header);
-    const headerHeight = parseFloat(headerStyles.height) + parseFloat(headerStyles.marginBottom) - 2;
+    const articleElement = document.querySelector('article');
     const footerStyles = getComputedStyle(footer);
     const footerHeight = parseFloat(footerStyles.height) + parseFloat(footerStyles.marginTop) - 2;
-    header.style.transform = 'translateY(-' + headerHeight + 'px)';
-    articleContainer.style.transform = 'translateY(-' + headerHeight + 'px)';
-    const iframeHeight = parseFloat(articleContainer.style.height.replace('px', ''));
-    articleContainer.style.height = iframeHeight + headerHeight + 'px';
+    const headerStyles = getComputedStyle(header);
+    const headerHeight = parseFloat(headerStyles.height) + parseFloat(headerStyles.marginBottom) - 2;
     if (params.hideToolbars === true) { // Only hide footer if requested
         footer.style.transform = 'translateY(' + footerHeight + 'px)';
     }
+    articleContainer.style.height = window.innerHeight + headerHeight * 2 + 'px';
+    header.style.transform = 'translateY(-' + headerHeight + 'px)';
+    articleElement.style.transform = 'translateY(-' + headerHeight + 'px)';
+    // Needed by IE11
+    if ('MSBlobBuilder' in window) articleContainer.style.transform = 'translateY(-' + headerHeight + 'px)';
 }
 
 /**
@@ -59,15 +61,15 @@ function hideSlidingUIElements () {
  */
 function showSlidingUIElements () {
     const articleContainer = document.getElementById('articleContent');
+    const articleElement = document.querySelector('article');
+    const headerStyles = getComputedStyle(document.getElementById('top'));
+    const headerHeight = parseFloat(headerStyles.height) + parseFloat(headerStyles.marginBottom);
     header.style.transform = 'translateY(0)';
     // Needed for Windows Mobile to prevent header disappearing beneath iframe
+    articleElement.style.transform = 'translateY(-1px)';
     articleContainer.style.transform = 'translateY(-1px)';
     footer.style.transform = 'translateY(0)';
-    setTimeout(function () {
-        const headerStyles = getComputedStyle(document.getElementById('top'));
-        const headerHeight = parseFloat(headerStyles.height) + parseFloat(headerStyles.marginBottom);
-        articleContainer.style.height = window.innerHeight - headerHeight + 'px';
-    }, 200);
+    articleContainer.style.height = window.innerHeight + headerHeight * 2 + 'px';
 }
 
 let scrollThrottle = false;