typescript: reflow dom

reflow.ts

/**
 * 強制的にdomのreflowを発火させる
 *
 * @export
 * @param {HTMLElement} dom
 */
export function reflow(dom: HTMLElement) {
  // eslint-disable-next-line no-void
  void dom.offsetWidth;
}

/**
 * 強制的にdomのreflowを発火させつつクラスを付け直す
 * classNameに紐づくanimationを再度発火させたい時などに使う
 *
 * @export
 * @param {HTMLElement} dom
 * @param {string} className
 */
export function reflowAndReattachClass(dom: HTMLElement, className: string) {
  dom.classList.remove(className);
  reflow(dom);
  dom.classList.add(className);
}