fix: fix page rapidly flickering issue (#935)

ayangweb · web-flow · commit 770f60f30c66 · 2025-10-21T14:31:23.000+08:00
* fix: fix page rapidly flickering issue

* docs: update changelog

* refactor: update
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -28,6 +28,7 @@ fix: duplicate chat content #916
 fix: resolve pinned window shortcut not working #917
 fix: WM ext does not work when operating focused win from another display #919
 fix(Window Management): Next/Previous Desktop do not work #926
+fix: fix page rapidly flickering issue #935
 
 ### ✈️ Improvements
 
@@ -41,7 +42,6 @@ chore: bump tauri_nspanel to v2.1 #933
 refactor: show_coco/hide_coco now use NSPanel's function on macOS #933
 refactor: procedure that convert_pages() into a func #934
 
-
 ## 0.8.0 (2025-09-28)
 
 ### ❌ Breaking changes
diff --git a/src/components/Search/InputBox.tsx b/src/components/Search/InputBox.tsx
@@ -334,13 +334,13 @@ export default function ChatInput({
   return (
     <div className={`w-full relative`}>
       <div
+        ref={containerRef}
         className={`flex items-center dark:text-[#D8D8D8] rounded-md transition-all relative overflow-hidden`}
       >
         {lineCount === 1 && renderSearchIcon()}
 
         {visibleSearchBar() && (
           <div
-            ref={containerRef}
             className={clsx(
               "relative w-full p-2 bg-[#ededed] dark:bg-[#202126]",
               {

Original file line number	Diff line number	Diff line change
`@@ -334,13 +334,13 @@ export default function ChatInput({`
`334`	`334`	`return (`
`335`	`335`	<div className={`w-full relative`}>
`336`	`336`	`<div`
	`337`	`+ ref={containerRef}`
`337`	`338`	className={`flex items-center dark:text-[#D8D8D8] rounded-md transition-all relative overflow-hidden`}
`338`	`339`	`>`
`339`	`340`	`{lineCount === 1 && renderSearchIcon()}`
`340`	`341`
`341`	`342`	`{visibleSearchBar() && (`
`342`	`343`	`<div`
`343`		`- ref={containerRef}`
`344`	`344`	`className={clsx(`
`345`	`345`	`"relative w-full p-2 bg-[#ededed] dark:bg-[#202126]",`
`346`	`346`	`{`