Fix an issue with layers when moving shapes. (#3380)

https://github.com/tldraw/tldraw/assets/2523721/d35b5e41-5270-4fad-8f9e-f8d7ac46558c



https://github.com/tldraw/tldraw/assets/2523721/2e1d1f54-f980-437d-aa51-f598b59d56b9



### Change Type

<!-- ❗ Please select a 'Scope' label ❗️ -->

- [x] `sdk` — Changes the tldraw SDK
- [ ] `dotcom` — Changes the tldraw.com web app
- [ ] `docs` — Changes to the documentation, examples, or templates.
- [ ] `vs code` — Changes to the vscode plugin
- [ ] `internal` — Does not affect user-facing stuff

<!-- ❗ Please select a 'Type' label ❗️ -->

- [x] `bugfix` — Bug fix
- [ ] `feature` — New feature
- [ ] `improvement` — Improving existing features
- [ ] `chore` — Updating dependencies, other boring stuff
- [ ] `galaxy brain` — Architectural changes
- [ ] `tests` — Changes to any test code
- [ ] `tools` — Changes to infrastructure, CI, internal scripts,
debugging tools, etc.
- [ ] `dunno` — I don't know

packages/editor/src/lib/components/default-components/DefaultCanvas.tsx

@@ -91,6 +91,15 @@ export function DefaultCanvas({ className }: TLCanvasComponentProps) {
 	])
 
 	return (
+		<>
+			{Background && (
+				<div className="tl-background__wrapper">
+					<Background />
+				</div>
+			)}
+			<div className="tl-culled-shapes">
+				<CulledShapes />
+			</div>
 			<div
 				ref={rCanvas}
 				draggable={false}
@@ -106,15 +115,7 @@ export function DefaultCanvas({ className }: TLCanvasComponentProps) {
 						{SvgDefs && <SvgDefs />}
 					</defs>
 				</svg>
-			{Background && (
-				<div className="tl-background__wrapper">
-					<Background />
-				</div>
-			)}
 				<GridWrapper />
-			<div className="tl-culled-shapes">
-				<CulledShapes />
-			</div>
 				<div ref={rHtmlLayer} className="tl-html-layer tl-shapes" draggable={false}>
 					<OnTheCanvasWrapper />
 					<SelectionBackgroundWrapper />
@@ -137,6 +138,7 @@ export function DefaultCanvas({ className }: TLCanvasComponentProps) {
 					<InFrontOfTheCanvasWrapper />
 				</div>
 			</div>
+		</>
 	)
 }