Datalist no funciona en Ipad

<input type="text" name="autorizacion" list="idauto" class="input-block-level" placeholder="Autorización" value="<?php echo input_post('autorizacion') ?>" required>

 var inputs = document.querySelectorAll('input[list]');

inputs.forEach(function(input) {
    input.addEventListener('input', function(e) {
        var optionFound = false;
        var datalist = this.list;
        
        for (var j = 0; j < datalist.options.length; j++) {
            if (this.value == datalist.options[j].value) {
                optionFound = true;
                break;
            }
        }
        
        if (optionFound) {
            this.setCustomValidity('');
        } else {
            this.setCustomValidity('Por favor, selecciona una opción válida.');
        }
    });
});

 if (!function_exists('get_selectarrayinput')) {
    function get_selectarrayinput($array = array(), $id_list = '')
    {
        if ($array != '') {
            $datos = '<datalist id="' . $id_list . '">';
            foreach ($array as $key => $value) {
                $datos .= '<option value="' . $value . '">';
            }
            $datos .= '</datalist>';
        }
        return $datos;
    }
}