After a lot of playing around I finally have this working. Currently this lets you drag both or groups and general rules. You can also drag rules in to OR rules, drag groups between different or rules, etc.
A lot of this was kind of hackish due to the communication between different elements that don't like talking to each other (Vue, Interact, Javascript DOM, etc.). I tried a number of other solutions for each but couldn't do anything else for some. Still, if you think something could be done better let me know.
EDIT:
Dragged rules now shrink and remove their previous space.
After a lot of playing around I finally have this working. Currently this lets you drag both or groups and general rules. You can also drag rules in to OR rules, drag groups between different or rules, etc.
A lot of this was kind of hackish due to the communication between different elements that don't like talking to each other (Vue, Interact, Javascript DOM, etc.). I tried a number of other solutions for each but couldn't do anything else for some. Still, if you think something could be done better let me know.
EDIT: Dragged rules now shrink and remove their previous space.