move init logic to connectedCallback

This commit is contained in:
Cory LaViska
2021-12-30 13:09:50 -05:00
parent 9988d76c3f
commit d71d35b258

View File

@@ -66,14 +66,7 @@ export default class SlSplitPanel extends LitElement {
super.connectedCallback();
this.resizeObserver = new ResizeObserver(entries => this.handleResize(entries));
this.updateComplete.then(() => this.resizeObserver.observe(this));
}
disconnectedCallback() {
super.disconnectedCallback();
this.resizeObserver.unobserve(this);
}
firstUpdated() {
const { width, height } = this.getBoundingClientRect();
this.size = this.vertical ? height : width;
@@ -84,6 +77,11 @@ export default class SlSplitPanel extends LitElement {
this.positionPercentage = this.getPositionAsPercentage();
}
disconnectedCallback() {
super.disconnectedCallback();
this.resizeObserver.unobserve(this);
}
handleDrag(event: Event) {
if (this.disabled) {
return;