From 444986ad23ac0c5c3e0d4f82e0f26a25d108e480 Mon Sep 17 00:00:00 2001
From: Hufe921 <huangyunfeihufe@hotmail.com>
Date: Sat, 19 Mar 2022 17:15:48 +0800
Subject: [PATCH] fix:search popup position

---
 src/main.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/main.ts b/src/main.ts
index 31afe7a..8a0a40a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -406,9 +406,19 @@ window.onload = function () {
   const searchCollapseDom = document.querySelector<HTMLDivElement>('.menu-item__search__collapse')!
   const searchInputDom = document.querySelector<HTMLInputElement>('.menu-item__search__collapse__search 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')
     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.style.display = 'none'