Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > непонятный баг textarea под ie

Автор: maxipub 25.5.2011, 15:12

проверял под ie8 и ff 3
у кого есть другие браузеры под рукой, скиньте результаты
в ff 3 все ок

код такой:

Код


<!DOCTYPE html>
<html>
<head>
<title>IE bug?</title>
<style>body {line-height: 22px;}</style>
</head>
<body>
 
<table>
<tr><td><img src="img.jpg"></td></tr>
<tr><td><textarea cols=20 rows=8>maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =)</textarea></td></tr>
</table>
 
</body>
</html>

суть бага ie в следующем: переместите (любым способом) курсор в конец текста textarea, после чего попытайтесь поднять курсор к началу (стрелками "влево" или "вверх" на клаве), ну как? smile

и к чему бы это, кто сталкивался с подобным, как быть??? smile

Автор: maxipub 25.5.2011, 16:42

Кто не понял в чем суть бага, вот видео: http://rutube.ru/tracks/4467411.html?v=b71e5718cd94785bdcb5261710919fad

Автор: olldman 26.5.2011, 12:11

Семейство Ишаков №№ 6,7,8 - нет багов,
Гугл-хром - ок,
Опера 9.64, 11.11 - ок
ФФ - 4.01 - ок

Автор: maxipub 26.5.2011, 12:34

Капец просто. Сегодня по новой начал тестировать в ie8 - все работает. Хотя вчера еще страшно глючило. Причем именно с таким кодом, как указал в топике. Стоило цсс убрать, или картинку, или таблицу, или доктайп - все работало как надо.

Ладно, у кого есть ie9 протестить, нашел четкую последовательность для ловли глюка:

1. Открываем документ в ie9.
2. Кликаем мышкой по середине любой видимой строчки текста в textarea.
3. Стрелкой "вниз" ведем курсор до нижней строчки.

И глюк словлен. У кого есть ie9, огромная просьба потестить. Да, и на всякий случай - html файл сохраняем в win-1251.

Автор: olldman 26.5.2011, 12:43

Попробуйте для начала обнулить отступы всех элементов в документе : *{margin:0px;padding:0px;}
.... и, если честно, html5 и таблица в качестве структуры - вещи не совместимые.
Да, еще обязательно значения атрибутов textarea (cols=20 rows=8) заключите в кавычки --> cols="20" rows="8".

Автор: maxipub 26.5.2011, 12:58

olldman, хм, обнуление отступов помогло. Но к чему бы это? В чем причина?

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

Автор: olldman 26.5.2011, 13:03

Причина, как это не банально, в разных, по умолчанию, отступах элементов в браузерах.

p.s. а "от фанаря" - это зря, вы должны понимать то, что делаете. smile

Автор: maxipub 26.5.2011, 17:04

Цитата(olldman @ 26.5.2011, 13:03

)

p.s. а "от фанаря" - это зря, вы должны понимать то, что делаете.

Я понимаю (примерно smile

) что делаю. Повторюсь - тут доктайп нужен лишь для того чтоб не было режима совместимости. Я их по памяти не помню, написал что проще.

Ну это все ягодки. Самое главное...

Цитата(olldman @ 26.5.2011, 13:03

)

Причина, как это не банально, в разных, по умолчанию, отступах элементов в браузерах.

Ну да. Я ранее писал:

Цитата(maxipub @ 26.5.2011, 12:34

)

Стоило цсс убрать, или картинку, или таблицу, или доктайп - все работало как надо.

Т.е. это не просто какое-то влияние одной картинки или доктайпа. Это целое стечение серьезного количества обстоятельств.

Мне вот серьезно непонятно, почему так вообще может происходить? Уже чуть более 10 лет занимаюсь любительским сайтостроительством, повидал много "приколов", но с подобным первый раз сталкиваюсь. Ладно бы мы там дивками собрали какой-то хитрый имитатор текстарии, и он "поехал", но ведь это стандартный одиночный элемент. Как вообще на его содержимое могут влиять подобные внешние факторы? smile

Мир пошатнулся smile