zoldar/jenot
1
0
Fork 0
mirror of https://github.com/zoldar/jenot.git synced 2026-01-03 14:32:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Handle editable-area display resize better

Browse source
This commit is contained in:
Adrian Gruntkowski 2024-12-07 20:17:29 +01:00
parent e24bc938c1
commit 23a1929ddd
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
priv/static/js/components.js
View file

@ -23,6 +23,11 @@ class EditableArea extends HTMLElement {
this.#sync(); this.#sync();
}); });
new ResizeObserver(() => {
this.inputElement.style.height = this.displayElement.scrollHeight + "px";
this.inputElement.style.width = this.displayElement.scrollWidth + "px";
}).observe(this.displayElement);
this.#updateReadonly(); this.#updateReadonly();
this.#sync(); this.#sync();
} }
@ -87,8 +92,6 @@ class EditableArea extends HTMLElement {
#sync() { #sync() {
this.displayElement.replaceChildren(...renderText(this.inputElement.value)); this.displayElement.replaceChildren(...renderText(this.inputElement.value));
this.inputElement.style.height = this.displayElement.scrollHeight + "px";
this.inputElement.style.width = this.displayElement.scrollWidth + "px";
} }
} }