treemap svg elements missing position and size making them invisible on firefox

[GREEB]

Bug Report

#1327 is maybe the same bug but its closed.

Steps to Reproduce:

Go to https://perspective.finos.org/ and toggle example to treemap

Expected Result:

Open same page with Version 104.0.5112.102 (Official Build, ungoogled-chromium) (64-bit)

Environment:

Firefox 105.0.1 (64-bit)
Windows 10

Additional Context:

it seems that x: y: width: height: do not get set in Firefox

So in Chromium the rect style is something like:

{    
   x: 0px;
   y: 89.4314;
   width: 126.966px;
   height: 56.4545px;
   fill: rgb(71, 120, 194);
}

In Firefox when svg are "invisible":

{
  x: 0px;
  y: 0px;
  fill: rgb(36, 38, 40);
}

[GREEB]

another example using @latest for sure https://bl.ocks.org/texodus/raw/6b4dcebf65db4ebe4fe53a6de5ea0b48/?raw=true
here it seems the rect does not have x: y:

Steps to Reproduce:

• Go to https://bl.ocks.org/texodus/raw/6b4dcebf65db4ebe4fe53a6de5ea0b48/?raw=true
• Set Ratings vs Sales view to "Treemap"
  

Expected

Environment:

Firefox 105.0.1 (64-bit)
Windows 10

[waynexia]

Cannot render treemap in the example page too. On Firefox 111.0.1 (64-bit)

[texodus]

Thanks for the report. I've consolidated this and other Firefox issues into #2693, closing.