This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Lewis Ainslie
Posted Jul 13 - Read on Facebook

Using the module "InputField" how do you get the font to scale properly on Device and in the preview window? Preview window is fine, but the device its tiny.

4 Comments

Chris Boy

Thank you! I have the same issue

Andrew Nalband

You could use Utils.isMobile() to explicitly scale it on mobile

Steve Ruiz

This should work:
myInputLayer.input.style.zoom = myInputLayer.context.scale

Steve Ruiz

The full fix I used, that should also take care of some width problems, is:

input.className = "class#{_.random(999)}"
input.classList.add(input.className)
input.element = document.querySelectorAll(".#{input.className}")[0]

input.input.style =
width: "#{input.element.style.width}"
zoom: input.context.scale

Read the entire post on Facebook