В помощь веб-разработчику

August 1st, 2007

Проблема с FF

Posted by admin in

Здравствуйте. Мне нужна помощь.

Я разрабатываю front-end системы Bitcut
Она находиться в стадии пре-беты. У нас еще много работы.

В процессе я столкнулся с проблемой рендеринга некоторых моментов в Firefox.

Итак если зайти на любую таблицу в демо версии и попробовать редактировать ячейку с текстом (где при клике появляется textarea) и ввести в нее достаточно много текста то начинаются всякие чудеса с рендерингом этой textarea, просвечивается содержимое ячеек которые находяться под ней.

Скриншот

Код ячейки таблицы:

<td class=”stringCol nowEdit-cell”>
<div class=”wrapper”>
<textarea class=”gwt-TextArea”/>
</div>
</td>

Css:

.tableMain .nowEdit-cell .wrapper {
margin-top:-1.1em;
padding:0pt;
position:relative;
z-index:1000;

}

.tableMain td.nowEdit-cell textarea {
background:#FFFFFF none repeat scroll 0%;
border:3px solid #4F6A8F;
font-family:Verdana;
font-size:11px;
height:8em;
left:0pt;
padding:5px;
position:absolute;
top:0pt;
width:20em;
z-index:1000;

}

Я думаю всем понятна основная мысль. Так вот с этой конструкцией проиходят странные вещи в FF. в IE все нормально. (Про Оперу и Сафари я знаю, спасибо)

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

Гугл про данную проблему ничего внятного не сказал.

Внимание вопрос: сталкивались ли вы с таким поведением FF, если да - то как решали эту проблему.

Спасибо.

Leave a reply

You must be logged in to post a comment.