Как запретить на iPad выскакивание клавиатуры при нажатии на элемент?

Question

[Ninja Mate]

Есть приложение на ReactJS, в котором при выборе даты выскакивает календарь, но при этом открывается клавиатура.
Как и чем запретить появление клавиатуры на планшетах?

Answer 1

[Ninja Mate]

onClick или onFocus ставим эту функцию

"use strict";
const HideKeyboard=()=> {
    //this set timeout
    setTimeout(function() {
        var field = document.createElement('input');
        field.setAttribute('type', 'text');
        field.setAttribute('style', 'position:absolute; top: 0px; -webkit-transform: translateY(-9999px); -webkit-user-modify: read-write-plaintext-only; left:0px;');
        document.body.appendChild(field);

        field.onfocus = function(){
            setTimeout(function() {
                field.setAttribute('style', 'display:none;');
                setTimeout(function() {
                    document.body.removeChild(field);
                    document.body.focus();
                }, 14);
            }, 200);
        };
        field.focus();
    }, 50);
};

export default HideKeyboard;

Answer 2

[Артем]

Не знаток, но, может быть браузер обрабатывает какое-то событие, в которое нужно залезть?

Comments

[Ninja Mate]

скорее всего срабатывает onFocus

[Артем]

Ninja Mate: Попробуйте onFocus='return false', вдруг сработает.

[Ninja Mate]

Артем: нет)

[Артем]

Ninja Mate: Ну, тогда не знаю)