Considering this (buggy until other questions are answered) demo from here: https://codesandbox.io/s/kanbanboard-lackofcarddnd-doce75?file=/src/index.js where the red < Text /> emulates a button that inserts a < CustomCardContainer /> based on the 2nd that I wish it could be editable and readable as an < input >,
AND Considering that every big colored < Rect /> (that pretend to contain many < CardItem /> components) is a < Group />, I would ask:
how can a < CardItem /> targeted by a mouseDrag be extracted from a < Group /> for nesting it into another < Group /> ? Or basically dragging and dropping a card from a Group to another...
Assuming we have well-functioning < CustomCardContainer /> of differenet sizes instead of the hard-coded values in line 86 with let inputValue = "10x2";
,
I would like to achieve this result from here:
sectioned custom kanban board