no-muse/musescore-downloader
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: btn position when window resizes

Browse source
This commit is contained in:
Xmader 2020-12-31 13:13:26 -05:00
parent 8e0ce90093
commit bb39ebccc9
No known key found for this signature in database
GPG key ID: A20B97FB9EB730E4
1 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/btn.ts
View file

@ -104,6 +104,16 @@ export class BtnList {
return btnTpl return btnTpl
} }
private _positionBtns (newParent: HTMLDivElement) {
try {
const anchorDiv = this.getBtnParent()
const { top } = anchorDiv.getBoundingClientRect()
newParent.style.top = `${top}px`
} catch (err) {
console.error(err)
}
}
private _commit () { private _commit () {
const btnParent = document.querySelector('div') as HTMLDivElement const btnParent = document.querySelector('div') as HTMLDivElement
const shadow = attachShadow(btnParent) const shadow = attachShadow(btnParent)
@ -121,13 +131,10 @@ export class BtnList {
newParent.append(...this.list.map(e => cloneBtn(e))) newParent.append(...this.list.map(e => cloneBtn(e)))
shadow.append(newParent) shadow.append(newParent)
try { const pos = () => this._positionBtns(newParent)
const anchorDiv = this.getBtnParent() pos()
const { top } = anchorDiv.getBoundingClientRect() document.addEventListener('readystatechange', pos)
newParent.style.top = `${top}px` window.addEventListener('resize', pos)
} catch (err) {
console.error(err)
}
return btnParent return btnParent
} }