#jjoyceiv-elements-zoom

1 messages · Page 1 of 1 (latest)

pine lantern
#

hi there 👋 Happy to help. Can you expand on:

  1. what other approaches you have tried, and
  2. what is stopping you from adding CSS to the i-frame
loud creek
#

You can't apply CSS to elements within an iframe. The iframe itself, yes, but it looks like touch-action: none would need to be set on the actual inputs inside the iframe. I've tried 17px font size when initializing the element, that does nothing. As noted, the div containing the Element has font-size: 16px applied to it, and the Element is being initialized with fontSize: 16px. This is good enough for iOS, where no such zoom happens. I have not tried disabling user zoom via meta tags, as this is fairly anti-accessible.

#

Even more maddening - it looks like this might only be specific Chromium builds. I've had user reports about this, and I can reproduce it in Brave on my Pixel 6 Pro, but I can't reproduce it in actual Chrome on the same device.

rancid frost
#

Unfortunately those zoom issues can be quite finicky. I'm asking internally if anyone has a recommendation but no promises

loud creek
#

Thanks.