Transparency blocks are now behind canvas, not its wrapper

README.md

@@ -56,7 +56,6 @@ npm run lint
 
 # TODO / Roadmap
 
-* Transparency blocks should be rendered by zCanvas, not parent div
 * Restoring positions of documents with positioned rotated objects is not accurate
 * Issue with drawing mask on mirrored content
 * Moving of flipped / rotated content leads to occasional non-renders (isInsideViewport doesn't take rotated rectangles into account)

src/components/document-canvas/document-canvas.vue

@@ -313,7 +313,6 @@ export default {
 .canvas-wrapper {
     display: inline-block;
     width: 100%;
-    background: url( "../../assets/images/document_transparent_bg.png" ) repeat fixed;
     @include component();
 
     .content {
@@ -322,14 +321,9 @@ export default {
         overflow: none;
         display: block;
 
-        &.center canvas {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-        }
-
         canvas {
+            background: url( "../../assets/images/document_transparent_bg.png" ) repeat;
+
             &.no-cursor {
                 cursor: none;
             }
@@ -343,6 +337,13 @@ export default {
                 cursor: crosshair;
             }
         }
+
+        &.center canvas {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
     }
 }
 </style>