Awkward zoom-in when focusing text field in Keystone

Hi again! My users have reported this rather vexing UI issue when editing on mobile: the page zooms in when focusing the text field, requiring a manual zoom-out every time:


Any ideas about how to prevent that?

Comments

  • charrondevcharrondev Application Developer (PHP, JS) Montreal Vanilla Staff

    Yes. Increasing the font size to 16px prevent the zooming. There is no other way to prevent it on iOS.

    The github issue was filed a little file ago. https://github.com/vanilla/vanilla/issues/8369

    We'll be bumping up the default text size in keystone on mobile in the next release.

  • Uh. Google it, idiot 😅 (iOS zooms the page to show a larger input field if its font-size is less than 16px)


    .InputBox {

      font-size: 16px;

    }

Sign In or Register to comment.