Unable to drag component along with script

[PanuwatChinpratan]

When dragging into the canvas and then dragging it to another location or moving it, it cannot loop.

  editor.DomComponents.addType("form-RTP-03", {
    model: {
      defaults: {
        editable: true,
        tagName: "div",
        script: function () {
          const mock = [
            "1",
            "2",
            "3",
            "4",
            "5",
            "6",
          ];
          const dropdown = document.getElementById("dropdown");

          mock.forEach((item) => {
            const option = document.createElement("option");
            option.value = item;
            option.textContent = item;
            dropdown.appendChild(option);
          });
        },
        classes: ["form-rtp-03"],
        traits: [],
      },
    },
    view: {
      init() {
        this.fetchData();
      },

      fetchData() {
        const content = `
          <select id="dropdown">
          <option value="">Select an Option</option>
        </select>`;

        this.model.components(content);
      },
    },
  });

[PanuwatChinpratan]

@artf pls help thanks a lot