Incorrect markup representation: Overflow-x hidden style make div elements as input.
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.
Módosította: cor-el,
Összes válasz (4)
FireFox 4.0.1 - bug still here.
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.
The-edmeister thank you for reply. I ask that question on forums.mozillazine.org But it is not markup bug. It is FireFox bug.
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: