From 1c945f812b1e4db4bba9b57fd2ddbc3c8235f45d Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@cendio.se>
Date: Tue, 21 Aug 2018 11:29:39 +0200
Subject: [PATCH] Add a screen element for vnc_lite.html

Makes it clearer where the remote screen will be created.
---
 vnc_lite.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/vnc_lite.html b/vnc_lite.html
index 2398bea2..898187a8 100644
--- a/vnc_lite.html
+++ b/vnc_lite.html
@@ -55,6 +55,11 @@
             cursor: pointer;
         }
 
+        #screen {
+            flex: 1; /* fill remaining space */
+            overflow: hidden;
+        }
+
     </style>
 
     <!-- Promise polyfill for IE11 -->
@@ -172,7 +177,7 @@
         url += '/' + path;
 
         // Creating a new RFB object will start a new connection
-        rfb = new RFB(document.body, url,
+        rfb = new RFB(document.getElementById('screen'), url,
                       { credentials: { password: password } });
 
         // Add listeners to important events from the RFB module
@@ -192,5 +197,8 @@
         <div id="status">Loading</div>
         <div id="sendCtrlAltDelButton">Send CtrlAltDel</div>
     </div>
+    <div id="screen">
+        <!-- This is where the remote screen will appear -->
+    </div>
 </body>
 </html>