diff --git a/tldraw/apps/tldraw-logseq/src/hooks/usePaste.ts b/tldraw/apps/tldraw-logseq/src/hooks/usePaste.ts index 279aec47e6..a4f11f03dc 100644 --- a/tldraw/apps/tldraw-logseq/src/hooks/usePaste.ts +++ b/tldraw/apps/tldraw-logseq/src/hooks/usePaste.ts @@ -123,7 +123,6 @@ export function usePaste(context: LogseqContextValue) { try { const data = JSON.parse(rawText) if (data.type === 'logseq/whiteboard-shapes') { - debugger const shapes = data.shapes as TLShapeModel[] const commonBounds = BoundsUtils.getCommonBounds( shapes.map(shape => ({ diff --git a/tldraw/apps/tldraw-logseq/src/styles.css b/tldraw/apps/tldraw-logseq/src/styles.css index fe7c5b630a..c67c2b57ba 100644 --- a/tldraw/apps/tldraw-logseq/src/styles.css +++ b/tldraw/apps/tldraw-logseq/src/styles.css @@ -10,6 +10,8 @@ --shadow-small: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-medium: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-large: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + + backface-visibility: hidden; } .logseq-tldraw-wrapper { @@ -112,7 +114,6 @@ white-space: nowrap; gap: 12px; align-items: stretch; - will-change: transform, contents; box-shadow: var(--shadow-medium); z-index: 1000; diff --git a/tldraw/packages/react/src/components/HTMLLayer/HTMLLayer.tsx b/tldraw/packages/react/src/components/HTMLLayer/HTMLLayer.tsx index 7ac40b0126..ae1cb72b40 100644 --- a/tldraw/packages/react/src/components/HTMLLayer/HTMLLayer.tsx +++ b/tldraw/packages/react/src/components/HTMLLayer/HTMLLayer.tsx @@ -21,7 +21,7 @@ export const HTMLLayer = observer(function HTMLLayer({ children }: HTMLLayerProp const { zoom, point } = viewport.camera layer.style.setProperty( 'transform', - `scale(${zoom}) translate(${point[0]}px, ${point[1]}px)` + `scale(${zoom}) translate3d(${point[0]}px, ${point[1]}px, 0)` ) }), [] diff --git a/tldraw/packages/react/src/hooks/useStylesheet.ts b/tldraw/packages/react/src/hooks/useStylesheet.ts index 36f55d9908..226ac346da 100644 --- a/tldraw/packages/react/src/hooks/useStylesheet.ts +++ b/tldraw/packages/react/src/hooks/useStylesheet.ts @@ -119,7 +119,6 @@ const tlcss = css` cursor: var(--tl-cursor) !important; box-sizing: border-box; color: var(--tl-foreground); - will-change: transform; } .tl-overlay { @@ -167,7 +166,6 @@ const tlcss = css` left: 0px; transform-origin: center center; contain: layout style size; - will-change: transform; } .tl-positioned {