Delay getElement timeout until after rAF

Under normal circumstances, this should be a negligible increase in the
timeout, but if this tab is in the background, this rAF will delay until
it has focus.

Fixes insin#198.

tweak-new-twitter.user.js

@@ -872,6 +872,7 @@ function getElement(selector, {
  let startTime = Date.now()
  let rafId
  let timeoutId
+ let stopped = false
 
  function stop($element, reason) {
  if ($element == null) {
@@ -886,11 +887,21 @@ function getElement(selector, {
  if (timeoutId) {
  clearTimeout(timeoutId)
  }
+ stopped = true
  resolve($element)
  }
 
  if (timeout !== Infinity) {
- timeoutId = setTimeout(stop, timeout, null, `${timeout}ms timeout`)
+ // Delay the timeout until after a rAF to avoid
+ // https://github.com/insin/tweak-new-twitter/issues/198.
+ // Under normal circumstances, this should be a negligible increase in the
+ // timeout, but if this tab is in the background, this rAF will delay
+ // until it has focus.
+ requestAnimationFrame(() => {
+ if (!stopped) {
+ timeoutId = setTimeout(stop, timeout, null, `${timeout}ms timeout`)
+ }
+ })
  }
 
  function queryElement() {
@@ -3370,4 +3381,4 @@ function configChanged(changes) {
 main()
 //#endregion
 
-}()
+}()