Fix thread-view scroll highlighted into view

pfrazee · May 4, 2021 · dc525c4 · dc525c4
1 parent 28644c5
commit dc525c4
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/static/js/com/thread.js b/static/js/com/thread.js
@@ -91,16 +91,15 @@ export class Thread extends LitElement {
     }
   }
 
-  scrollHighlightedPostIntoView () {
+  async scrollHighlightedPostIntoView () {
     try {
+      await this.requestUpdate()
       const el = this.querySelector('.highlight')
       const y = el.getBoundingClientRect().top - 50
-      window.scrollTo(0, y)
-      setTimeout(() => {
-        if (Math.abs(window.scrollY - y) > 10) {
-          window.scrollTo(0, y)
-        }
-      }, 500)
+      while (Math.abs(window.scrollY - y) > 10) {
+        window.scrollTo(0, y)
+        await new Promise(r => setTimeout(r, 100))
+      }
     } catch (e) { /* ignore */ }
   }