¿Mover elemento en JS en un inicializador?

[NateDhaliwal]

Tengo este fragmento de código:

En javascripts/discourse/initializers:

import { apiInitializer } from "discourse/lib/api";
import CustomHeaderTopicButton from "../components/custom-header-topic-button";

export default apiInitializer((api) => {
  api.renderInOutlet("below-site-header", CustomHeaderTopicButton);

  document.addEventListener("DOMContentLoaded", function() {
    const newTopicBtn = document.getElementById("new-topic-button");
    const sidebar = document.getElementById("d-sidebar");
    if (newTopicBtn && sidebar) {
      sidebar.insertBefore(newTopicBtn, sidebar.firstChild);
    }
  });
});

Y aun así, no mueve el elemento del botón a la barra lateral. ¿Estoy haciendo algo mal?

[Arkshine]

Si intentas agregar un botón en la parte superior de la barra lateral, usaría el outlet del plugin before-sidebar-sections en su lugar.

No parece una buena idea mover el HTML generado por Ember.

[NateDhaliwal]

¿Eso… existe? Vaya, gracias.