Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

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

  • 4 antwurd
  • 7 hawwe dit probleem
  • 16 werjeftes
  • Lêste antwurd fan 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.'''

Bewurke troch cor-el op

Alle antwurden (4)

Dervish24
Dervish24 Fraacheigener
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 Fraacheigener
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: