No se puede arrastrar un elemento de la lista dentro de la lista no ordenada

Ciao, spero che stai bene e grazie per GrapesJS! Estoy intentando crear una forma para que los usuarios puedan hacer preguntas de opción múltiple. El primer bloque de abajo es la sección que tiene una forma con una lista no ordenada en su interior. La lista no ordenada dentro del formulario debería poder aceptar un elemento de lista, que es otro bloque en sí mismo (el segundo bloque más abajo). Me está apareciendo este error: "Posición de objetivo inválida: Colección de objetivos no encontrada, el objetivo no se puede soltar...". He configurado el modo data-gjs-arrastrable y data-gjs-droppable, así que no entiendo por qué no funciona correctamente. Cualquier ayuda sería muy apreciada.

<sección
  id="pregunta de opción múltiple"
  clase="theme-bg-1"
  data-gjs-type="dynamicOptions"
  data-gjs-style-class="true"
  data-gjs-removable="true"
  data-gjs-editable="true"
  data-gjs-parent-slide="true"
  data-gjs-slide-template="texto-pregunta-opción múltiple"
  data-gjs-draggable="#wrapper"
  data-gjs-highlightable="true"
  data-gjs-custom-name="Slide"
  data-gjs-stylable="<?php eco $gjsconfig['stylable']['background']?>"
  data-gjs-sectionID="<?php echo (isset($sectionData['id'])) ? $sectionData['id']: ''; ?>">
    <div data-gjs-editable="false" data-gjs-droppable="false" data-gjs-draggable="false" data-gjs-removable="false" data-gjs-stylable="false" data-gjs-highlightable="false" data-gjs-copyable="false">
        <!-- EMPEZAR: CONTENIDO DE LA DIAPOSITIVA -->
        <form data-gjs-sectionID="<?php echo (isset($sectionData['id'])) ? $sectionData['id']: ''; ?>" class="multiple-choice-text-form" method="post" data-gjs-droppable="false" data-gjs-draggable="false">
          <!-- Pregunta -->
          <?php require("components/opción múltiple-pregunta.ctp"); ?>

<!-- Sección de Respuestas -->
          <ul
            clase="mc-opción-lista"
            id="pregunta-respuestas"
            clase="sección-respuesta"
            data-gjs-editable="false"
            data-gjs-droppable=".mc-option"
            data-gjs-draggable="false"
            data-gjs-removable="false"
            data-gjs-stylable="false"
            data-gjs-highlightable="true"
            data-gjs-copyable="false">

<!-- respuestas/opciones van aquí dinámicamente. Pero por defecto se proporciona una. -->
            <?php require("components/opción-múltiples.ctp"); ?>
          </ul>

<input data-gjs-editable="false" data-gjs-droppable="false" data-gjs-draggable="false" data-gjs-removable="false" data-gjs-stylable="false" data-gjs-highlightable="false" data-gjs-copyable="false" tipo="submit" name="submit" value="Submit">
          <!-- FINAL: CONTENIDO DE LA DIAPOSITIVA -->
        </form>
    </div>
</section>

<li class="radio mc-opción" data-gjs-stylable="false" data-gjs-highlightable="true" data-gjs-editable="false" data-gjs-droppable="false" data-gjs-draggable=".mc-option-list" data-gjs-removable="true" data-gjs-copyable="false">
    <tipo de entrada="radio" nombre="respuestasRadios" id="respuestasRadios" valor="respuestasRadios" data-gjs-editable="falso" data-gjs-droppable="falso" data-gjs-arrastrable="falso" data-gjs-removable="falso" data-gjs-copyable="falso" data-gjs-stylable="falso" data-gjs-highlightable="falso"/>
    <
      clase="tema-texto-1"
      for="answersRadios"
      data-gjs-style-class="true"
      data-gjs-stylable="<?php eco $gjsconfig['stylable']['text']?>"
      data-gjs-editable="true"
      data-gjs-droppable="false"
      data-gjs-draggable="false"
      data-gjs-removable="false"
      data-gjs-copyable="false"
      data-gjs-fieldtype="text"
      data-gjs-saveable="true"
      data-gjs-sectionID="<?php echo (isset($sectionData['lesson_plan_slide_sections'][1]['id'])) ? $sectionData['lesson_plan_slide_sections'][1]['id'] : ''; ?>">
          <?php echo (isset($sectionData['lesson_plan_slide_sections'][1]['content'])) ? trim($sectionData['lesson_plan_slide_sections'][1]['content']) : $content[1]; ?>
    </label>
</li>