nostr/primal-web-app
1
0
Fork 0
mirror of https://github.com/PrimalHQ/primal-web-app.git synced 2024-10-01 17:31:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix EditBox expansion and handling of Tab key

Browse Source
This commit is contained in:
Bojan Mojsilovic 2023-09-11 13:57:01 +02:00
parent d050e9aa64
commit e95edadf62
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/NewNote/EditBox/EditBox.module.scss
View File

@ -229,6 +229,7 @@ textarea::-webkit-scrollbar{
.editor { .editor {
max-width: calc(100% - 14px); max-width: calc(100% - 14px);
min-height: 60px; min-height: 60px;
max-height: 46vh;
outline: 0px solid transparent; outline: 0px solid transparent;
word-wrap: break-word; word-wrap: break-word;
font-size: 16px; font-size: 16px;

4
src/components/NewNote/EditBox/EditBox.tsx
View File

@ -112,9 +112,11 @@ const EditBox: Component<{
if (elm.scrollHeight >= (maxHeight / 3)) { if (elm.scrollHeight >= (maxHeight / 3)) {
elm.style.height = '46vh';
return; return;
} }
elm.style.height = 'auto';
elm.rows = minRows; elm.rows = minRows;
const rows = Math.ceil((elm.scrollHeight - elm._baseScrollHeight) / 20); const rows = Math.ceil((elm.scrollHeight - elm._baseScrollHeight) / 20);
elm.rows = minRows + rows; elm.rows = minRows + rows;
@ -146,7 +148,7 @@ const EditBox: Component<{
return; return;
} }
const mentionSeparators = ['Enter', 'Space', 'Comma']; const mentionSeparators = ['Enter', 'Space', 'Comma', 'Tab'];
if (e.code === 'Enter' && e.metaKey) { if (e.code === 'Enter' && e.metaKey) {
e.preventDefault(); e.preventDefault();