greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: don't hide lazy components if they're above the current scroll top

pull/5935/head
Tienson Qin 2022-07-06 22:37:28 +08:00
parent 3c31448106
commit d07f8eca8a
1 changed files with 7 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/main/frontend/ui.cljs
View File

@ -926,16 +926,10 @@
(rum/defc lazy-visible
[content-fn]
(let [[hasBeenSeen setHasBeenSeen] (rum/use-state false)
inViewState (useInView {:rootMargin "0px 0px 0px 0px"
:on-change (fn [v] (when v (setHasBeenSeen v)))})]
(rum/use-effect!
#(when (gobj/get inViewState "inView") (setHasBeenSeen true))
[(gobj/get inViewState "inView")])
(pprint {:ref (gobj/get inViewState "ref")}) ;; TODO: Remove pprints
(pprint {:inView (gobj/get inViewState "inView")})
(pprint {:hasBeenSeen hasBeenSeen})
(lazy-visible-inner
hasBeenSeen
content-fn
(gobj/get inViewState "ref"))
))
inViewState (useInView #js {:rootMargin "100px"
:onChange (fn [v entry]
(let [self-top (.-top (.-boundingClientRect entry))
v (if v v (if (> self-top 0) false true))]
(setHasBeenSeen v)))})
ref (.-ref inViewState)]
(lazy-visible-inner hasBeenSeen content-fn ref)))