mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Automatically adjust height of multiline/long fields in edit mode

Browse source 
Fixes #3170
This commit is contained in:
Abe Jellinek 2023-06-16 12:16:35 -07:00
parent 885ef28a0d
commit 1a2950ae34
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
chrome/content/zotero/elements/itemBox.js
View file

@ -1563,7 +1563,6 @@
var t; var t;
if (Zotero.ItemFields.isMultiline(fieldName) || Zotero.ItemFields.isLong(fieldName)) { if (Zotero.ItemFields.isMultiline(fieldName) || Zotero.ItemFields.isLong(fieldName)) {
t = document.createElement("textarea"); t = document.createElement("textarea");
t.setAttribute('rows', 8);
} }
// Add auto-complete for certain fields // Add auto-complete for certain fields
else if (field == 'creator' || Zotero.ItemFields.isAutocompleteField(fieldName)) { else if (field == 'creator' || Zotero.ItemFields.isAutocompleteField(fieldName)) {
@ -1732,6 +1731,18 @@
}); });
t.addEventListener('keypress', event => this.handleKeyPress(event)); t.addEventListener('keypress', event => this.handleKeyPress(event));
if (t instanceof HTMLTextAreaElement) {
let updateHeight = () => {
// Reset height before getting scrollHeight
// Prevents field from growing slightly each time
// https://stackoverflow.com/a/58073583
t.style.height = 'auto';
t.style.height = `calc(max(6em, ${t.scrollHeight}px))`;
};
t.addEventListener('input', updateHeight);
updateHeight();
}
return t; return t;
} }