Open numeric keypad on mobile for number fields

uamv

Make the mobile form experience better for your users by replacing the full keyboard with the number pad when focused on a number field.

// Open numeric keypad on mobile for number fields.
add_filter( 'gform_field_content', function( $content, $field, $value, $lead_id, $form_id ) {

    if ( wp_is_mobile() && ( $field instanceof GF_Field_Number || $field instanceof GF_Field_Quantity  ) ) {
        $content = str_replace( "type='", "inputmode='decimal' type='", $content );
    }

    return $content;

}, 10, 5 );