fix(Html): use transform for perspective browser issues

pmndrs · Oct 21, 2023 · 73aebf7 · 73aebf7
1 parent 870d742
commit 73aebf7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/web/Html.tsx b/src/web/Html.tsx
@@ -341,7 +341,7 @@ export const Html: ForwardRefComponent<HtmlProps, HTMLDivElement> = /* @__PURE__
             }
             el.style.width = size.width + 'px'
             el.style.height = size.height + 'px'
-            el.style.perspective = isOrthographicCamera ? '' : `${fov}px`
+            el.style.transform = isOrthographicCamera ? '' : `perspective(${fov}px)`
             if (transformOuterRef.current && transformInnerRef.current) {
               transformOuterRef.current.style.transform = `${cameraTransform}${cameraMatrix}translate(${widthHalf}px,${heightHalf}px)`
               transformInnerRef.current.style.transform = getObjectCSSMatrix(matrix, 1 / ((distanceFactor || 10) / 400))