GUAC-958: Work around iOS 7 visibility issue (again) by using object instead of iframe. The resize sensor needs to be where it used to be in the DOM for proper operation.

guacamole/src/main/webapp/app/client/directives/guacClient.js

@@ -339,7 +339,7 @@ angular.module('client').directive('guacClient', [function guacClient() {
             });
             
             // If the element is resized, attempt to resize client
-            resizeSensor.contentWindow.addEventListener('resize', function mainElementResized() {
+            resizeSensor.contentDocument.defaultView.addEventListener('resize', function mainElementResized() {
 
                 // Send new display size, if changed
                 if (client && display) {

guacamole/src/main/webapp/app/client/directives/guacThumbnail.js

@@ -164,7 +164,7 @@ angular.module('client').directive('guacThumbnail', [function guacThumbnail() {
             });
 
             // If the element is resized, attempt to resize client
-            resizeSensor.contentWindow.addEventListener('resize', function mainElementResized() {
+            resizeSensor.contentDocument.defaultView.addEventListener('resize', function mainElementResized() {
                 $scope.$apply(updateDisplayScale);
             });
 

guacamole/src/main/webapp/app/client/templates/guacClient.html

@@ -24,9 +24,6 @@
     <!-- Display -->
     <div class="displayOuter">
 
-        <!-- Resize sensor -->
-        <iframe class="resize-sensor" src="app/client/templates/blank.html"></iframe>
-        
         <div class="displayMiddle">
             <div class="display software-cursor">
             </div>
@@ -34,4 +31,7 @@
 
     </div>
 
+    <!-- Resize sensor -->
+    <object type="text/html" class="resize-sensor" data="app/client/templates/blank.html"></object>
+    
 </div>

guacamole/src/main/webapp/app/client/templates/guacThumbnail.html

@@ -22,7 +22,7 @@
     -->
 
     <!-- Resize sensor -->
-    <iframe class="resize-sensor" src="app/client/templates/blank.html"></iframe>
+    <object type="text/html" class="resize-sensor" data="app/client/templates/blank.html"></object>
     
     <!-- Display -->
     <div class="display">

guacamole/src/main/webapp/app/osk/directives/guacOsk.js

@@ -106,7 +106,7 @@ angular.module('osk').directive('guacOsk', [function guacOsk() {
                     };
 
                     // Resize keyboard whenever element changes size
-                    resizeSensor.contentWindow.addEventListener('resize', resizeListener);
+                    resizeSensor.contentDocument.defaultView.addEventListener('resize', resizeListener);
 
                 }
 

guacamole/src/main/webapp/app/osk/templates/guacOsk.html

@@ -22,6 +22,6 @@
     -->
 
     <!-- Resize sensor -->
-    <iframe class="resize-sensor" src="app/osk/templates/blank.html"></iframe>
+    <object type="text/html" class="resize-sensor" data="app/osk/templates/blank.html"></object>
 
 </div>