Infinite Ruler Crashes Firefox when wrapped in parent and given width

[hdrabs]

Environments

• Framework name: ReactJS
• Framework version: 17.0.1
• Component name: @scena/react-ruler
• Component version: ^0.7.2
• Not working on browser: Firefox

Description

I am using react ruler with infinite scrolling to 24000px by 24000px of page. Using both vertical and horizontal rulers with sticky position on parent element. It is working great and as expected on all browsers but firefox. Firefox gives 2 errors:

• How it is told in the demo creating the resize function. Firefox fails to recognise that and thorws ruler.resize is not a function
• I removed the function and still works properly on other browsers and then throws error on Ruler.tsx:111 and just crashes.

What I tried

• I tried to remove the height and width of the parent element for the ruler and the horizontal starts working but the width is just the width of the screen and not more even though the page is way more than that.
• By any means I am unable to have a vertical scroll bar

Need help.

[daybrush]

@hdrabs

Do you have a demo address where I can test it?