search

dpc-sdp / ripple

Ripple is the frontend framework for Single Digital Presence, delivered using Nuxt and Vue.js
Apache License 2.0
61 stars 37 forks source link

Mobile forms: Entering a text field zooms the page on iPhone. #703

Open alan-cole opened 4 years ago

alan-cole commented 4 years ago

As per below: zoom-on-text-fields

Default font-size for text fields in a form is 14px. If this is changed to 16px then the site won't zoom on form element focus.

This could be done by changing:

$rpl-form-text-ruleset: ('xs', 1.3em, 'regular') !default;
$rpl-form-element-text-ruleset: ('xs', 1em, 'regular');

to 

$rpl-form-text-ruleset: ('s', 1.3em, 'regular') !default;
$rpl-form-element-text-ruleset: ('s', 1em, 'regular');
dylankelly commented 3 years ago

Hi @alan-cole - thanks I've raised an internal ticket SDPA-5285. I agree with the change. Just checking with Design if there are any concerns with changing it.