Как давать пользователю сразу печатать без нажатия на input?

Question

[Sanzhar Bazarbek]

Задача: при открытии модального окна, пользователю необходимо без нажатия на input, печатать сразу
Решение: нашел в интернете, что-то вроде autofocus - https://jsfiddle.net/zh5weqop/11/
Проблема: оно не работает, то-ли я не правильно сделал

Answer 1

[Yupiter7575]

Оно работает но не в онлайн редакторах

Comments

[Sanzhar Bazarbek]

Не совсем понял?

[Yupiter7575]

Sanzhar Bazarbek, создайте html файл, напишите туда свой код, откройте через браузер. Вуаля все работает. Нет, я не колдун

[Sanzhar Bazarbek]

Yupiter7575, хехе - нет, не работает :)

[Yupiter7575]

Sanzhar Bazarbek, что не работает?
<input type='text' autofocus>
Работает

[Sanzhar Bazarbek]

Лаадно, работает. А что насчет моего кода? В моем коде не работает

<input type="text" name="name" class="nameInput" id="nameMask" placeholder="Введите ваше имя" autocomplete="off" autofocus>

.nameInput {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    height: 56px;
    margin-bottom: 10px;
    border: 1px solid #F8F8F8;
    box-sizing: border-box;
    border-radius: 8px;
    display: block;
    float: left;
    width: 100%;
    padding: 0 25px;
    font-size: 16px;
    background: #F8F8F8;
    outline: none;
}

.nameInput:focus, {
    border: 1px solid #a5a5a5;
}

[Yupiter7575]

Sanzhar Bazarbek, попробуйте autofocus переставить в начало атрибутов

[Sanzhar Bazarbek]

Yupiter7575, не сработало ;(

<input autofocus type="text" name="name" class="nameInput" id="nameMask" placeholder="Введите ваше имя" autocomplete="off">

[Sanzhar Bazarbek]

Yupiter7575, может проблема в модальном окне? ща испробуем

[Sanzhar Bazarbek]

Yupiter7575, дааа, проблема в модальном окне - правда не знаю почему она, вот css. Что думаете?

.callModal {
    z-index: 3;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

[Yupiter7575]

Sanzhar Bazarbek, Эээ... это кажется фиксированый блок называется... Наверно какое- то свойство слишком высокого мнения о себе и забирает к себе focus. Под подазрением transform