Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

话题已存档。 如果需要帮助请提出新问题。

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

  • 4 个回答
  • 7 人有此问题
  • 1 次查看
  • 最后回复者为 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: