Я внес некоторые изменения в одну из своих веб-страниц (CSS и HTML), и теперь Firefox неправильно отображает эту текстовую область.Это имеет своего рода эффект дрожания, происходящий в середине верхней линии.Я не уверен, что это как-то связано с внесенными мною изменениями, но что может быть причиной этого?
<div id="CommentForm">
<form action="/posts/add-comment" method="post">
<input type="hidden" id="Table_Name" name="Table_Name" value="Posts" />
<input type="hidden" id="Table_ID" name="Table_ID" value="47" />
<input type="hidden" id="IsLiveBroadcast" name="IsLiveBroadcast" value="1" />
<textarea name="Comment_Body" id="Comment_Body" rows="1"></textarea>
<div id="error-messages"></div>
<input type="submit" class="floatRight" id="postComment" value="Post your response" />
</form>
<div class="clear"></div>
</div>
И применяемый CSS:
#live_broadcast_post #CommentForm {
margin: 0;
padding: 0;
width: 460px;
height: auto;
background: none;
}
#live_broadcast_post #CommentForm textarea {
font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
font-size: 12px;
padding: 5px;
width: 98%;
}
Странно то, что этого не было до того, как я внес изменения, и теперь это касается только Firefox, а не любого другого браузера, который я тестировал.
Обновление:
Я заметил, что при загрузке страницы она отображается правильно.Только после завершения загрузки iframe (также на этой странице) рендеринг изменится.