AstralTransRocketries/ClassiCube
1
0
Fork 0
mirror of https://github.com/ClassiCube/ClassiCube.git synced 2025-09-18 03:55:19 -04:00
Code Issues Packages Projects Releases Wiki Activity

For text input on mobile web client, instead of trying to draw an invisible text input and only showing the in-game chat input, now draw a fully solid text input box over the top of the game

Browse Source 
Hopefully this makes chatting much less of a pain
This commit is contained in:
UnknownShadow200 2020-10-16 20:30:01 +11:00
parent 5fd09f2b98
commit bd451b7f31
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Window.c
View File

@ -3511,15 +3511,18 @@ void Window_OpenKeyboard(const String* text, int type) {
var elem = window.cc_inputElem; var elem = window.cc_inputElem;
if (!elem) { if (!elem) {
elem = document.createElement('textarea'); elem = document.createElement('textarea');
elem.setAttribute('style', 'position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.3; resize:none; pointer-events:none;'); elem.setAttribute('style', 'position:absolute; left:0; bottom:0; margin: 0px');
elem.value = UTF8ToString($0); elem.value = UTF8ToString($0);
elem.addEventListener("input", elem.addEventListener('input',
function(ev) { function(ev) {
ccall('Window_OnTextChanged', 'void', ['string'], [ev.target.value]); ccall('Window_OnTextChanged', 'void', ['string'], [ev.target.value]);
}, false); }, false);
window.cc_inputElem = elem; window.cc_inputElem = elem;
window.cc_divElem = document.createElement('div');
window.cc_divElem.setAttribute('style', 'position:absolute; left:0; top:0; width:100%; height:100%; background-color: black; opacity:0.4; resize:none; pointer-events:none;');
document.body.appendChild(window.cc_divElem);
document.body.appendChild(elem); document.body.appendChild(elem);
} }
elem.focus(); elem.focus();
@ -3547,7 +3550,9 @@ void Window_CloseKeyboard(void) {
EM_ASM({ EM_ASM({
if (!window.cc_inputElem) return; if (!window.cc_inputElem) return;
document.body.removeChild(window.cc_divElem);
document.body.removeChild(window.cc_inputElem); document.body.removeChild(window.cc_inputElem);
window.cc_divElem = null;
window.cc_inputElem = null; window.cc_inputElem = null;
}); });
} }