Anvil Editor Zooms Out Each Time A Component Is Added

Anvil Q&A
1

**What I’m trying to do:**I am adding components to the editor canvas and everything was working well when all of a sudden, the editor started to zoom out each time I add a component or edit an existing component. This behavior only happens on one form. Other forms don’t zoom out and have the normal behavior.

**What I’ve tried and what’s not working:**I was using the Anvil editor Beta so I thought my problem could be from it. I switched to the classic editor and the same zooming out problem persists.

Code Sample:

# this is a formatted code snippet.
# paste your code between ```

Clone link:
share a copy of your app

2

Hi @edmondssesay,

Can you provide steps to reproduce the problem? Or a clone link to a minimal app that has this issue?

3

Hi @brooke ,

I am trying to use the ticketing template and I have these zooming out problem once the IDSForm reaches a certain height. I have tried to start afresh with IDSForm2 but got the same problem after a while. Here’s the clone link:

6

Hi @edmondssesay,

Thanks for raising this. This was caused by the font-size and padding using vh units for sizing in the theme.css. I’ve updated and fixed the issue in your app example which you can clone here:
https://anvil.works/build#clone:AGU26WF7VA5HPJTD=6M5SB37RHG55ZCFSXTC6DBBK

I’m also going to fix this in the ticketing example app.

Thanks,
Ryan

4 Likes
7

Thanks so much for taking the time to look into it!

1 Like