Баг или нет? Input с маленьким font-size

156

21 апреля 2018, 18:27

Столкнулся с неожиданностью в Chrome. Если создать <input> с font-size от 0 до 0.01cm, то при попытке получить содержимое <input> JavaScript передаётся пустая строка. Также, если попробовать отправить форму (просто форму, без JS), содержимое тоже не передастся. Это ошибка или нет?

В Firefox работает корректно.

Пример:

function check() { 
  alert(document.form.text.value); 
  return false; 
}

<form name="form" onsubmit="return check();"> 
  <input type="text" name="text" style="width: 5cm; height: 1cm; font-size: 0.01cm"> 
</form>

Answer 1

function check() { 
  console.log(form.text.value); 
  return false; 
} 
check()

<form name="form" onsubmit="return check();"> 
  <input type="text" name="text" style="width: 5cm; height: 1cm; font-size: 0.01cm" value="val"> 
</form>

Answer 2

Все нормально выводит, просто поставить надо font-size: 1cm, все будет работать. Задача похожа на 1 апрельскую шутку.. Дополню, В Chrome установлен минимальный размер шрифта. Mine был установлен на 11px (по умолчанию), чтобы изменить минимальный размер шрифта в Chrome, перейдите в: настройки > расширенные настройки > веб-контент > размер шрифтa > настроить шрифты > прокрутите вниз донизу, и вы увидите слайдер минимального размера шрифта.

function check() {
      alert(document.form.text.value);
      return false;
    }
    <form name="form" onsubmit="return check();">
      <input type="text" name="text" style="width: 5cm; height: 1cm; font-size: 1cm">
    </form>