lsadmin/canvas-editor_fex765
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix:search popup position

Browse Source
This commit is contained in:
Hufe921
2022-03-19 17:15:48 +08:00
parent 652e2cdfe7
commit 444986ad23
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main.ts
+11 -1
View File
@@ -406,9 +406,19 @@ window.onload = function () {
const searchCollapseDom = document.querySelector<HTMLDivElement>('.menu-item__search__collapse')! const searchCollapseDom = document.querySelector<HTMLDivElement>('.menu-item__search__collapse')!
const searchInputDom = document.querySelector<HTMLInputElement>('.menu-item__search__collapse__search input')! const searchInputDom = document.querySelector<HTMLInputElement>('.menu-item__search__collapse__search input')!
const replaceInputDom = document.querySelector<HTMLInputElement>('.menu-item__search__collapse__replace input')! const replaceInputDom = document.querySelector<HTMLInputElement>('.menu-item__search__collapse__replace input')!
document.querySelector<HTMLDivElement>('.menu-item__search')!.onclick = function () { const searchDom = document.querySelector<HTMLDivElement>('.menu-item__search')!
searchDom.onclick = function () {
console.log('search') console.log('search')
searchCollapseDom.style.display = 'block' searchCollapseDom.style.display = 'block'
const bodyRect = document.body.getBoundingClientRect()
const searchRect = searchDom.getBoundingClientRect()
const searchCollapseRect = searchCollapseDom.getBoundingClientRect()
if (searchRect.left + searchCollapseRect.width > bodyRect.width) {
searchCollapseDom.style.right = '0px'
searchCollapseDom.style.left = 'unset'
} else {
searchCollapseDom.style.right = 'unset'
}
} }
searchCollapseDom.querySelector<HTMLSpanElement>('span')!.onclick = function () { searchCollapseDom.querySelector<HTMLSpanElement>('span')!.onclick = function () {
searchCollapseDom.style.display = 'none' searchCollapseDom.style.display = 'none'