app/assets/javascripts/ide/lib/gitlab_web_ide/setup_root_element.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14

/**
 * Cleans up the given element and prepares it for mounting to `@gitlab/web-ide`
 *
 * @param {Element} root The original root element
 * @returns {Element} A new element ready to be used by `@gitlab/web-ide`
 */
export const setupRootElement = (el) => {
  const newEl = document.createElement(el.tagName);
  newEl.id = el.id;
  newEl.classList.add('gl--flex-center', 'gl-relative', 'gl-h-full');
  el.replaceWith(newEl);

  return newEl;
};