fix(Html): use transform for perspective browser issues (#1695)

pmndrs · Nov 15, 2023 · d34816a · d34816a
1 parent a4cc438
commit d34816a
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))