From: Christian Heller <c.heller@plomlompom.de> Date: Mon, 14 Dec 2020 21:52:13 +0000 (+0100) Subject: In web client, span invisible text input field over terminal pre. X-Git-Url: https://plomlompom.com/repos/%7B%7Bprefix%7D%7D/%7B%7B%20web_path%20%7D%7D/static/%7B%7Bdb.prefix%7D%7D/bar%20baz.html?a=commitdiff_plain;h=46a6d877240f356cb9e31b87b5674638822e0193;p=plomrogue2 In web client, span invisible text input field over terminal pre. --- diff --git a/rogue_chat.html b/rogue_chat.html index 26e6bf8..dfb10fe 100644 --- a/rogue_chat.html +++ b/rogue_chat.html @@ -14,8 +14,10 @@ terminal rows: <input id="n_rows" type="number" step=4 min=24 value=24 /> / terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 /> / <a href="https://plomlompom.com/repos/?p=plomrogue2;a=summary">source code</a> (includes proper terminal/ncurses client) </div> +<div style="position: relative; display: inline-block;"> <pre id="terminal"></pre> -<textarea id="input" style="opacity: 0; width: 0px;"></textarea> +<textarea id="input" style="position: absolute; left: 0; height: 100%; width: 100%; opacity: 0"></textarea> +</div> <h3>button controls for hard-to-remember keybindings</h3> <table id="move_table" style="float: left"> <tr>