checkElement #js #promise

checkdEl.js

/**
 * rafAsync
 * using requestAnimationFrame to recheck for element
 */
const rafAsync = () => {
  return new Promise(resolve => {
      requestAnimationFrame(resolve);
  });
}

/**
 * checkElement
 * checking DOM for element until it exists then returning a promise
 * @param {selector} selector 
 */
export const checkElement = selector => {
  if (document.querySelector(selector) === null) {
      return rafAsync().then(() => checkElement(selector));
  } else {
      return Promise.resolve(true);
  }
}