Chat: Use a <textarea> for message input

This commit is contained in:
Richard Hansen 2021-07-13 19:00:31 -04:00 committed by webzwo0i
parent ce5ef9350f
commit 834e05fc9c
3 changed files with 8 additions and 3 deletions

View file

@ -109,6 +109,7 @@
}
#chatinputbox #chatinput {
width: 100%;
resize: vertical;
}

View file

@ -388,7 +388,7 @@
</div>
<div id="chatinputbox">
<form>
<input id="chatinput" type="text" maxlength="999" data-l10n-id="pad.chat.writeMessage.placeholder">
<textarea id="chatinput" maxlength="999" data-l10n-id="pad.chat.writeMessage.placeholder"></textarea>
</form>
</div>
</div>

View file

@ -25,7 +25,9 @@ describe('Chat messages and UI', function () {
const username = helper.chatTextParagraphs().children('b').text();
const time = helper.chatTextParagraphs().children('.time').text();
expect(helper.chatTextParagraphs().text()).to.be(`${username}${time} ${chatValue}`);
// TODO: The '\n' is an artifact of $.sendkeys('{enter}'). Figure out how to get rid of it
// without breaking the other tests that use $.sendkeys().
expect(helper.chatTextParagraphs().text()).to.be(`${username}${time} ${chatValue}\n`);
await helper.hideChat();
});
@ -46,7 +48,9 @@ describe('Chat messages and UI', function () {
const username = chat.children('b').text();
const time = chat.children('.time').text();
expect(chat.text()).to.be(`${username}${time} ${chatValue}`);
// TODO: Each '\n' is an artifact of $.sendkeys('{enter}'). Figure out how to get rid of them
// without breaking the other tests that use $.sendkeys().
expect(chat.text()).to.be(`${username}${time} \n${chatValue}\n`);
});
it('makes chat stick to right side of the screen via settings, ' +