
        background-color: lightblue;
        padding: 10px;
      ">
      <div class="draggable" draggable="true">Water</div>
      <div class="draggable" draggable="true">Coffee</div>
      <div class="draggable" draggable="true">Tea</div>
    </div>
    <div id="myDiagramDiv" style="flex-grow: 1; height: 400px; border: solid 1px black"></div>
  </div>
  <input id="removeCheckBox" type="checkbox" /><label for="removeCheckBox"
    >Remove HTML item after drop</label
  >
  <p>
    The "Palette" in this sam