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

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Ďalšie informácie

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

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

  • 4 odpovede
  • 7 má tento problém
  • 16 zobrazení
  • Posledná odpoveď od 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.'''

Upravil(a) cor-el dňa

Všetky odpovede (4)

Dervish24
Dervish24 Autor otázky
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 Autor otázky
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: