From: Michael Jumper Date: Sun, 8 Apr 2012 23:24:52 +0000 (-0700) Subject: Automatically reposition event target on scroll. X-Git-Url: http://git.alex.org.uk 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 --- 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 --- 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; }