Cross-Browser Compatibility

[SamiAlavi]

Does this library work the same way on all browsers? I am currently using:

• angular v11.2.10
• typescript v4.1.5
• mapbox-gl v1.13.1
• mapbox-gl-legend v1.1.5

The legend works great on Chrome v93.0.4577.63 and Edge v92.0.902.84 but is acting weird on Firefox v91.0.2. I have attached the screenshots below. From what I have observed on Firefox

• When it is first loaded, the size of the SVG circles keep on increasing
• On closing and then opening the legend, the SVG circles go back to the original size
• Continuously checking and unchecking the 'Only rendered' checkbox, the size of the SVG circles keep on increasing

---

Chrome:

Firefox:

[JinIgarashi]

@SamiAlavi thank you for reporting the bug. In fact I have never tested it in Firefox…I am not sure what causes this problem…