made keyboard handler (more) invisible

thanks, @bromagosa, for the settings!

HISTORY.md

@@ -2,6 +2,9 @@
 
 ## in development:
 
+### 2020-07-15
+* morphic: made keyboard handler (more) invisible, thanks, Bernat!
+
 ### 2020-07-13
 * paint, symbols: new iconic buttons for grow, shrink and flip actions, thanks, Jadga!
 * sketch: tweaked layout to match the paint editor's

snap.html

@@ -4,7 +4,7 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>Snap! Build Your Own Blocks 6.0.1 - dev -</title>
         <link rel="shortcut icon" href="src/favicon.ico">
-        <script src="src/morphic.js?version=2020-07-10"></script>
+        <script src="src/morphic.js?version=2020-07-15"></script>
         <script src="src/symbols.js?version=2020-07-01"></script>
         <script src="src/widgets.js?version=2020-07-13"></script>
         <script src="src/blocks.js?version=2020-07-02"></script>

src/morphic.js

@@ -1268,7 +1268,7 @@
 
 /*global window, HTMLCanvasElement, FileReader, Audio, FileList, Map*/
 
-var morphicVersion = '2020-July-10';
+var morphicVersion = '2020-July-15';
 var modules = {}; // keep track of additional loaded modules
 var useBlurredShadows = true;
 
@@ -11909,11 +11909,13 @@ WorldMorph.prototype.initKeyboardHandler = function () {
     kbd = document.createElement('textarea');
     kbd.setAttribute('id', 'morphic_keyboard');
     kbd.setAttribute('style', 'caret-color:transparent;');
+    kbd.style.position = 'absolute';
+    kbd.style.overflow = "hidden";
+    kbd.style.border = 'none';
+    kbd.style.resize = 'none';
+    kbd.wrap = "off";
     kbd.world = this;
     kbd.style.zIndex = -1;
-    kbd.style.position = 'absolute';
-    kbd.wrap = "off";
-    kbd.style.overflow = "hidden";
     kbd.autofocus = true;
     document.body.appendChild(kbd);
     this.keyboardHandler = kbd;