Function scrollToHash

app/utils/url-hash-polyfill.js:26–66

(hash)

}

export function scrollToHash(hash) {
  let selector = `[name="${hash}"]`;
  let element =
    document.getElementById(hash) || document.querySelector(selector);

  if (!element) {
    warn(
      `Tried to scroll to element with id or name "${hash}", but it was not found`,
      {
        id: 'no-hash-target',
      },
    );

    return;
  }

  /**
   * NOTE: the ember router does not support hashes in the URL
   *       https://github.com/emberjs/rfcs/issues/709
   *
   *       this means that when testing hash changes in the URL,
   *       we have to assert against the window.location, rather than
   *       the self-container currentURL helper
   *
   * NOTE: other ways of changing the URL, but without the smoothness:
   *   - window[.top].location.replace
   */

  element.scrollIntoView({ behavior: 'smooth' });

  if (hash !== window.location.hash) {
    let withoutHash = location.href.split('#')[0];
    let nextUrl = `${withoutHash}#${hash}`;
    // most browsers ignore the title param of pushState
    let titleWithoutHash = document.title.split(' | #')[0];
    let nextTitle = `${titleWithoutHash} | #${hash}`;

    history.pushState({}, nextTitle, nextUrl);
    document.title = nextTitle;
  }
}

function isLoadingRoute(routeName) {
  return routeName.endsWith('_loading') || routeName.endsWith('.loading');