Tengo una aplicación que usa d3 zoom que funciona en Chrome pero no (para mí) en Firefox. He reducido el problema del zoom al siguiente ejemplo muy simple:
https://codesandbox.io/s/d3-zoom-error-en-firefox-mzid3
import { zoom } from "d3-zoom"; import { select } from "d3"; select("svg").call( zoom().on("zoom", (event) => { console.log(`Transform: ${event.transform.toString()}`); select("g").attr("transform", event.transform.toString()); }) );El zoom de la rueda en el cuadrado gris me funciona en Firefox en la vista dividida predeterminada de Code Sandbox, pero cuando abro la vista previa del navegador en una nueva pestaña y lo pruebo, la consola registra los valores de transformación de "traducir (NaN, NaN) escala (NaN) ". Estoy seguro de que me estoy perdiendo algo obvio.
Resulta que esto fue causado por una extensión que había instalado: https://addons.mozilla.org/en-US/firefox/addon/logitechsmoothscrolling/ . La nota de Georgy de que la demostración funcionó para ellos me hizo mirar más de cerca mi perfil particular de Firefox. Como esa extensión tiene 4 años y el desplazamiento parece bastante fluido sin ella, estoy satisfecho con la eliminación de la extensión.