Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

이 쓰레드는 보존되었습니다. 만약 도움이 필요하시면 새로운 질문을 올려주세요.

Incorrect markup representation: Overflow-x hidden style make div elements as input.

  • 4 답장
  • 7 이 문제를 만남
  • 16 보기
  • 최종 답변자: cor-el

Dervish24
Dervish24
more options

Check following html: 

<html>
<head><style>.main div{overflow-x:hidden;}</style></head>
<body>
<div class="main">
<table>
<tr>
<td><div>Host Name</div></td>
<td><input type="text" /></td>
<td width="100"><div></div></td>
</tr>
<tr>
<td><div>Host Address</div></td>
<td><input type="text" /></td>
<td width="100"><div></div></td>
</tr>
<tr>
<td height="10px" colspan="3"><div> </div></td>
</tr>
</table>
</div>
</body>
</html>

Focus first input. Press 'Tab' key. You'll see that now focused empty div.

'''Check following html:''' <pre>&lt;html&gt; &lt;head&gt;&lt;style&gt;.main div{overflow-x:hidden;}&lt;/style&gt;&lt;/head&gt; &lt;body&gt; &lt;div class="main"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;div&gt;Host Name&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;td width="100"&gt;&lt;div&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;div&gt;Host Address&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;td width="100"&gt;&lt;div&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="10px" colspan="3"&gt;&lt;div&gt;&nbsp;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> '''Focus first input. Press 'Tab' key. You'll see that now focused empty div.'''

글쓴이 cor-el 수정일시

모든 댓글 (4)

Dervish24
Dervish24 질문자
more options

FireFox 4.0.1 - bug still here.

the-edmeister
the-edmeister
  • Moderator
more options

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.

Dervish24
Dervish24 질문자
more options

The-edmeister thank you for reply. I ask that question on forums.mozillazine.org But it is not markup bug. It is FireFox bug.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

That is Bug 616594, seems to be fixed in Firefox 5

  • Bug 616594 - overflow:auto causes DIV to get tab focus

You can try to verify that with the 5.0 b1 version (do a custom install and create a new profile)

Do a custom install and install each version in its own program folder to use multiple Firefox versions.

See these mozillaZine KB articles for information: