From cb9eea351d6785efd3ebfccae5ac9f0e20e1f3b4 Mon Sep 17 00:00:00 2001 From: Kristóf Marussy Date: Sun, 26 May 2024 14:59:00 +0200 Subject: fix(frontend): broken zoom: property in Firefox --- subprojects/frontend/src/graph/ZoomCanvas.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'subprojects') diff --git a/subprojects/frontend/src/graph/ZoomCanvas.tsx b/subprojects/frontend/src/graph/ZoomCanvas.tsx index 8f4f1776..07e44a12 100644 --- a/subprojects/frontend/src/graph/ZoomCanvas.tsx +++ b/subprojects/frontend/src/graph/ZoomCanvas.tsx @@ -40,7 +40,11 @@ export type FitZoomCallback = ((newSize?: { }) => void) & ((newSize: boolean) => void); -const useZoom = 'zoom' in document.body.style; +// `zoom: reset;` is specific to WebKit (but not Blink). +// `transform: scale();` makes zooming in on WebKit blurry, +// but we should prefer it for Blink for performance reasons +// and also for Gecko, where `zoom:` is broken for zooming in SVG. +const useZoom = CSS.supports('zoom: reset'); export default function ZoomCanvas({ children, -- cgit v1.2.3-54-g00ecf