# Scrawl-canvas v8 - DOM test 003

## Dynamically create and clone Element artefacts; drag and drop elements around a Stack

### Drag and drop elements around the Stack

#### Test purpose

- Create, and clone, elements - adding them dynamically to the stack environment
- Check that elements can be created with CSS attributes
- Check that elements can be created with HTML class values
- Check that elements can be dragged and dropped around the stack environment, taking into account their current rotation values

- Import SVG elements into a Scrawl-canvas stack, by including the SVG 'inline' within the HTML markup
- Check that the SVG elements can be dragged and dropped, like other elements

Known issue: When Scrawl-canvas initializes, it checks for stack elements and attempts to replicate their CSS attributes. Reading the perspective attribute fails and leads to some interesting outcomes. Current workaround is to always set SC perspectiveZ value in Javascript code.

Touch test: should work as expected

Annotated code