Pop up menu in center, but do not rely on position: fixed.

guacamole/src/main/webapp/client.xhtml

@@ -85,18 +85,12 @@
         </div>
 
         <!-- Touch-specific menu -->
-        <div class="dialogOuter">
-            <div class="dialogMiddle">
-
         <div id="touchMenu">
             <img id="touchShowClipboard" src="images/menu-icons/tango/edit-paste.png"/>
             <img id="touchShowKeyboard" src="images/menu-icons/tango/input-keyboard.png"/>
             <img id="touchLogout" src="images/menu-icons/tango/system-log-out.png"/>
         </div>
 
-            </div>
-        </div>
-
         <!-- guacamole-common-js scripts -->
         <script type="text/javascript" src="guacamole-common-js/keyboard.js"></script>
         <script type="text/javascript" src="guacamole-common-js/mouse.js"></script>

guacamole/src/main/webapp/scripts/interface.js

@@ -142,7 +142,19 @@ var GuacamoleUI = {
     };
     
     GuacamoleUI.showTouchMenu = function() {
+        
+        GuacamoleUI.touchMenu.style.left =
+            ((GuacamoleUI.viewport.offsetWidth - GuacamoleUI.touchMenu.offsetWidth) / 2
+            + window.pageXOffset)
+            + "px";
+
+        GuacamoleUI.touchMenu.style.top =
+            ((GuacamoleUI.viewport.offsetHeight - GuacamoleUI.touchMenu.offsetHeight) / 2
+            + window.pageYOffset)
+            + "px";
+
         GuacamoleUI.touchMenu.style.visibility = "visible";
+        
     };
 
     GuacamoleUI.shadeMenu = function() {

guacamole/src/main/webapp/styles/client.css

@@ -260,9 +260,14 @@ textarea#eventTarget {
 /* Touch-specific menu */
 
 div#touchMenu {
+
+    position: absolute;
+    visibility: hidden;
+    
     display: inline-block;
     background: black;
     border: 1px solid silver;
     padding: 1em;
     opacity: 0.8;
+
 }