Safari автозаполнение блоков редактирования формы

Question

У меня странная проблема с iOS Функцией автозаполнения Safari.

Я создал форму для кредитной карты, аннотировал поля, чтобы функция автозаполнения включалась и работала, как и ожидалось, но к сожалению, вся форма больше не редактируется после автозаполнения.

Это проблема, так как номер cvv не заполняется автоматически и должен вводиться пользователем вручную.

Может кто-нибудь объясните это поведение или можете указать мне документ технической поддержки, объясняющий это? Я имею в виду, почему форма была недоступна для редактирования, просто потому, что она была заполнена автоматически?

Вот суть формы:

<form>
    <!-- Card Number -->
    <input  type="text"
            id="cardNumber"
            placeholder="Card number"
            autocomplete="cc-number" autocorrect="off" spellcheck="false"
            inputmode="numeric"
            pattern="\d*">

    <!-- Card Expiry Date -->
    <input  type="text"
            id="expMonth"
            placeholder="MM / YY"
            autocomplete="cc-exp" autocorrect="off" spellcheck="false"
            inputmode="numeric"
            pattern="\d*"   maxlength="7" >

    <!-- CVV/CVC Number -->
    <input  type="password" 
            id="checkNumber"
            placeholder="123"
            autocomplete="cc-csc" autocorrect="off" spellcheck="false"
            inputmode="numeric" pattern="\d*">

    <!-- Card Holder Name -->
    <input type="text" 
           id="cardholderName"
           placeholder="John Doe"
           autocomplete="cc-name" autocorrect="off" spellcheck="false">

    <button type="submit">Pay</button>
</form>