diff --git a/guacamole/src/main/webapp/scripts/interface.js b/guacamole/src/main/webapp/scripts/interface.js index e01027209..3ad73fbda 100644 --- a/guacamole/src/main/webapp/scripts/interface.js +++ b/guacamole/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/guacamole/src/main/webapp/styles/client.css b/guacamole/src/main/webapp/styles/client.css index 7ed9c77a7..a77806fbe 100644 --- a/guacamole/src/main/webapp/styles/client.css +++ b/guacamole/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; }