SpreadJS cursor aren't working properly when using CSS zoom

Posted by: ngocnguyen09910060 on 25 September 2022, 2:34 am EST

  • Posted 25 September 2022, 2:34 am EST

    Hi teams,

    On my application, my customer want to zoom out page to 67%. So, i’m using:

    <body style="zoom: 0.67">
    

    But i’m facing a problem: when i click cell G10, cell D5 is focused.

    Please check my sample source code an give me a solution.

  • Posted 25 September 2022, 2:35 am EST

    This is my sample source code:

    SpreadJS_Zoom.zip

  • Posted 25 September 2022, 9:04 pm EST

    Hi,

    Thanks for the sample. We are able to replicate the issue in our end hence we have escalated this issue to the concerned team for further investigation. We will update you regarding this as soon as we get any information from the team. The internal D for this issue will be SJS-14870

    Regards,

    Avinash

  • Posted 27 September 2022, 3:18 pm EST

    Hi,

    The team informed us that the zoom CSS is not standard CSS as per the mdn. That is why SpreadJS do not support this as of now. We are sorry for the inconvience.

    mdn link: https://developer.mozilla.org/en-US/docs/Web/CSS/zoom

    Regards,

    Avinash

  • Posted 27 September 2022, 10:47 pm EST

    Hi avinash.pathak,

    I’m trying to use:

    transform: scale(0.67)
    

    But i’m still facing the above problem.

    Please help me.

  • Posted 29 September 2022, 4:51 pm EST

    HI,

    We are sorry but transform CSS is also not supported with spreadJS. If you want to zoom the spreadJS you could spread.zoom method. We are sorry for the inconvenience.

    Regards,

    Avinash

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels