Merge pull request #1258 from h3poteto/fix/delay-scroll

Fix delay scrolling logic for notification
h3poteto · Nov 24, 2023 · e865040 · e865040
2 parents 9f86cec + 0bcdbd3
commit e865040
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -128,12 +128,18 @@ function App() {
  useEffect(() => {
  if (!highlighted) return
  if (!spaceRef.current) return
- setTimeout(() => {
- const node = document.getElementById(highlighted.id.toString())
- if (node) {
- scrollLeft(spaceRef.current, node.offsetLeft)
- }
- }, 500)
+ const node = document.getElementById(highlighted.id.toString())
+ if (node) {
+ scrollLeft(spaceRef.current, node.offsetLeft)
+ } else {
+ // Retry to scroll
+ setTimeout(() => {
+ const node = document.getElementById(highlighted.id.toString())
+ if (node) {
+ scrollLeft(spaceRef.current, node.offsetLeft)
+ }
+ }, 500)
+ }
  }, [highlighted])
 
  const handleKeyPress = useCallback(async (event: KeyboardEvent) => {