Automatically reposition event target on scroll.

diff --git a/src/main/webapp/scripts/interface.js b/src/main/webapp/scripts/interface.js
index e010272..3ad73fb 100644 (file)
--- a/src/main/webapp/scripts/interface.js
+++ b/src/main/webapp/scripts/interface.js
@@ -447,6 +447,12 @@ var GuacamoleUI = {
     GuacamoleUI.eventTarget.setAttribute("autocorrect", "off");
     GuacamoleUI.eventTarget.setAttribute("autocapitalize", "off");
 
+    // Automatically reposition event target on scroll
+    window.addEventListener("scroll", function() {
+        GuacamoleUI.eventTarget.style.left = window.pageXOffset + "px";
+        GuacamoleUI.eventTarget.style.top = window.pageYOffset + "px";
+    });
+
 })();
 
 // Tie UI events / behavior to a specific Guacamole client

diff --git a/src/main/webapp/styles/client.css b/src/main/webapp/styles/client.css
index 7ed9c77..a77806f 100644 (file)
--- a/src/main/webapp/styles/client.css
+++ b/src/main/webapp/styles/client.css
@@ -245,15 +245,16 @@ div#viewportClone {
 /* Keyboard event target */
 
 textarea#eventTarget {
-    position: fixed;
+    position: absolute;
    
     /* Hide offscreen */
     left: 0;
     top: 0;
-    width: 0;
-    height: 0;
-    opacity: 0;
+    width: 10px;
+    height: 10px;
+    opacity: 1;
 
+    z-index: 100;
     overflow: hidden;
 }