acid-info
/
logos-press-engine
mirror of https://github.com/acid-info/logos-press-engine.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fix a bug with whereResultsStick

This commit is contained in:
jinhojang6 2023-09-07 00:20:30 +09:00
parent 4ec9d0ed84
commit 91a7b35682
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/SearchBox/SearchBox.tsx
View File

@ -123,16 +123,19 @@ const SearchBox = (props: SearchBoxProps) => {
}, [focused, queryInput]) }, [focused, queryInput])
useEffect(() => { useEffect(() => {
if (filtersRef.current) { if (filtersRef.current && hydrated && queryInput) {
const filtersB = filtersRef.current.getBoundingClientRect().bottom const filtersB = filtersRef.current.getBoundingClientRect().bottom
const parentT = const parentT =
filtersRef.current.parentElement?.getBoundingClientRect().top || 0 filtersRef.current.parentElement?.getBoundingClientRect().top || 0
const whereResultsStick = const whereResultsStick =
-1 * (filtersB - parentT - uiConfigs.navbarRenderedHeight + 2) -1 * (filtersB - parentT - uiConfigs.navbarRenderedHeight + 2)
setWhereResultsStick(whereResultsStick) setWhereResultsStick(whereResultsStick)
setDetailsTop(filtersB + whereResultsStick) setDetailsTop(filtersB + whereResultsStick)
} }
}, []) }, [filtersRef, hydrated, queryInput])
useEffect(() => { useEffect(() => {
const onScroll = () => { const onScroll = () => {