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 {
max-width: calc(100% - 14px);
min-height: 60px;
max-height: 46vh;
outline: 0px solid transparent;
word-wrap: break-word;
font-size: 16px;

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

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