Fixed help window causing unclickable elements

nui/radar.css

@@ -405,7 +405,7 @@ button:focus { outline: none; }
 	transform: scale( 1.0 );
 	transform-origin: 0 0;
 
-	z-index: 3;
+    z-index: 3;
 }
 	/* Button template classes */
 	#rc button {
@@ -1012,11 +1012,13 @@ button:focus { outline: none; }
     grid-template-rows: 90% 10%;
     justify-items: center;
 
-    z-index: 4;
+    z-index: 6;
 }
     #helpWindow iframe {
         width: 100%;
         height: 100%;
+
+        display: block;
     }
 
     #helpWindow .close {

nui/radar.html

@@ -269,7 +269,7 @@
         <p id="keyLockLabel">Radar key lock <span id="keyLockStateLabel"></span></p>
 
         <div id="helpWindow">
-            <iframe src="https://wolfknight98.github.io/wk_wars2x_web/manual.pdf"></iframe>
+            <iframe id="helpWeb" src="about:blank"></iframe>
             <button id="closeHelp" class="close">CLOSE HELP</button>
         </div>
 

nui/radar.js

@@ -65,6 +65,7 @@ const elements =
 
     openHelp: $( "#helpBtn" ), 
     helpWindow: $( "#helpWindow" ), 
+    helpWeb: $( "#helpWeb" ), 
     closeHelp: $( "#closeHelp" ), 
 
 	radarScaling: {
@@ -199,10 +200,12 @@ elements.plateReaderBtn.click( function() {
 
 elements.openHelp.click( function() {
     setEleVisible( elements.helpWindow, true ); 
+    loadHelp( true );
 } )
 
 elements.closeHelp.click( function() {
     setEleVisible( elements.helpWindow, false ); 
+    loadHelp( false ); 
 } )
 
 elements.pwrBtn.click( function() {
@@ -216,6 +219,10 @@ elements.pwrBtn.click( function() {
 function setEleVisible( ele, state )
 {
     state ? ele.fadeIn() : ele.fadeOut(); 
+
+    if ( state ) {
+        ele.blur();
+    }
 }
 
 function setLight( ant, cat, item, state )
@@ -557,6 +564,15 @@ function checkPlateInput( event )
     }
 }
 
+function loadHelp( state )
+{
+    if ( state ) {
+        elements.helpWeb.attr( "src", "https://wolfknight98.github.io/wk_wars2x_web/manual.pdf" ); 
+    } else {
+        elements.helpWeb.attr( "src", "about:blank" ); 
+    }
+}
+
 
 /*------------------------------------------------------------------------------------
 	UI scaling and positioning 
@@ -798,9 +814,12 @@ function closeRemote()
 {
     sendData( "closeRemote", null );
 
-    setEleVisible( elements.remote, false );
     setEleVisible( elements.plateReaderBox, false ); 
     setEleVisible( elements.uiSettingsBox, false ); 
+    setEleVisible( elements.helpWindow, false );
+    loadHelp( false ); 
+
+    setEleVisible( elements.remote, false );
     
     sendSaveData(); 
 }