ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(textarea): wait for textarea slot before init autoresize (fix #203)

Browse source
This commit is contained in:
Mario Aleo 2019-07-29 15:27:10 +02:00 committed by Mikhail Bashkirov
parent 69d5945c68
commit 2f2a42a47c
1 changed files with 33 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
packages/textarea/src/LionTextarea.js
View file

@ -62,8 +62,7 @@ export class LionTextarea extends ObserverMixin(LionInput) {
connectedCallback() {
// eslint-disable-next-line wc/guard-super-call
super.connectedCallback();
this.setTextareaMaxHeight();
autosize(this.inputElement);
this.__initializeAutoresize();
}
disconnectedCallback() {
@ -101,7 +100,39 @@ export class LionTextarea extends ObserverMixin(LionInput) {
];
}
get updateComplete() {
if (this.__textareaUpdateComplete) {
return Promise.all([this.__textareaUpdateComplete, super.updateComplete]);
}
return super.updateComplete;
}
resizeTextarea() {
autosize.update(this.inputElement);
}
__initializeAutoresize() {
if (this.__shady_native_contains) {
this.__textareaUpdateComplete = this.__waitForTextareaRenderedInRealDOM().then(() => {
this.__startAutoresize();
this.__textareaUpdateComplete = null;
});
} else {
this.__startAutoresize();
}
}
async __waitForTextareaRenderedInRealDOM() {
let count = 3; // max tasks to wait for
while (count !== 0 && !this.__shady_native_contains(this.inputElement)) {
// eslint-disable-next-line no-await-in-loop
await new Promise(resolve => setTimeout(resolve));
count -= 1;
}
}
__startAutoresize() {
autosize(this.inputElement);
this.setTextareaMaxHeight();
}
}