I’m trying to create a kanban board type drag & drop using a nested “card” node type. I’m using CSS grid to change the flow based on the depth of the card - outermost card has horizontally flowing children (creating columns), the next levels down have vertically flowing children. It almost works, but there are some issues with the dropcursor never showing as a vertical bar, even though the children are laid out in horizontal flow:
(So the desired behavior would be for the dropcursor to detect that children are in a horizontal flow, and show as horizontal in-between the columns.)
- The dropcursor doesn’t seem to be sensitive to the actual flow of the content. I guess in this case it would have to look up into the DOM to find that, not rely on the schema?
- Is there a way for a node to dynamically express it’s flow (so I could set it to inline or block depending on the depth of the card)? Perhaps some way to dynamically decorate the node tree, inserting or hiding nodes and/or changing properties?
Thanks for all the work on this wonderful editor framework by the way – it’s really cool!