Ввод формы не может быть нажат на встроенную форму

С последним обновлением Chrome до версии 19.0.1084.52 мы замечаем странное поведение форм на нашем веб-сайте.Ввод формы не может быть нажат на встроенную форму

Когда форма имеет стиль с дисплеем: встроенный и положение: относительный и вход, завернутый в DIV, что парит то вход не может быть выбран больше

Вот самый простой пример ошибки (проверьте его в Chrome)

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Testcase input not selectable</title> 

</head> 
<body> 

    <form action="" method="get" style="display:inline; position:relative"> 
     <div> 
      <label>test1</label> 
      <input id="test1" name="test1" type="text" value="clickable"/> 
     </div> 
     <div style="float: left;"> 
      <label>test2</label> 
      <input id="test2" name="test2" type="text" value="not clickable"/> 
     </div> 
     <div style="clear:both;"><input type="submit" value="submit"></div> 
    </form> 

</body> 
</html>

Является ли это ошибка браузера или этот стиль невозможно?

источник

2012-06-05 gmic

Установите форму на 'дисплей: встроенный блок;' – kapa

Эй заменить float:leftinline-block в

Как нравится эта

<form action="" method="get" style="display:inline; position:relative"> 
    <div> 
     <label>test1</label> 
     <input id="test1" name="test1" type="text" value="clickable"/> 
    </div> 
    <div style="display:inline-block;"> 
     <label>test2</label> 
     <input id="test2" name="test2" type="text" value="not clickable"/> 
    </div> 
    <div style="clear:both;"><input type="submit" value="submit"></div> 
</form>

Live Demo http://jsfiddle.net/t4a3r/

источник

2012-06-05 09:47:35

Да, спасибо, но фиксируя это не проблема, просто странно, что обновление хром вызывает это странное поведение на ранее тонком html. – gmic

Ввод формы не может быть нажат на встроенную форму

ответ

Смежные вопросы