Блог

ОБРАТИТЕ ВНИМАНИЕ, что такое поведение происходит только в FireFox (по крайней мере, в версии 66)

У меня следующий сценарий:

• один тип ввода текст
• непосредственно под номером одного типа ввода
• из-за предварительной отправки в форму текстовый ввод предоставляет значения автозаполнения (например, Test1 и Test2)
• когда я знаю, что активирую ввод текста и нажимаю стрелку вверх при вводе числа, появляются значения автозаполнения, которые приводят к увеличению числа при вводе числа до его максимального значения

Все это можно воспроизвести здесь: https://jsfiddle.net/ax7unjhb/2 / (только для FireFox!)

Нажмите на ввод текста, чтобы получить автозаполнение:

Нажмите стрелку вверх; автозаполнение появится снова и перекрывает ввод чисел:

Число увеличено до максимального значения:

 <form action="window.location.reload();">
  <input type="text" style="width: 100%;" />
  <input type="number" min="1" max="32" style="width: 100%;" />
  <button type="submit">
    Submit
  </button>
</form>
  

Мой вопрос

Что вызывает всплывающее окно автозаполнения, хотя я нажимаю другой ввод? Это не ожидаемое поведение. Когда я нажимаю кнопку увеличения ввода числа, я ожидаю увеличить число на 1.