Elemento in movimento in JS in un initializer?

[NateDhaliwal]

Ho questo pezzo di codice:

In 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);
    }
  });
});

Eppure, non sposta l’elemento del pulsante nella barra laterale. Sto facendo qualcosa di sbagliato?

[Arkshine]

Se stai cercando di aggiungere un pulsante nella barra laterale in alto, ti consiglierei di utilizzare invece l’outlet del plugin before-sidebar-sections.

Non sembra una buona idea spostare l’HTML generato da Ember.

[NateDhaliwal]

Esiste davvero?? Wow, grazie.