391363 - CSS overflow:visible causes vertical content to be incompletely rendered

Status: RESOLVED INCOMPLETE

(Core :: Layout, defect)

Description

[Eugene Clark]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

When the CSS overflow attribute is set to 'visible' on an enclosing DIV, dynamically setting the DIV content via the innerHTML property in some cases does not cause the content to be completely rendered.  Only content that is short (does not consume much vertical space) seems to be affected.  When the overflow attribute is set to 'auto', this problem does not occur.

Below is a code snippet of the HTML in question:
<div class="tabbedTable" id="tabbedTable">
<table class="detailsTable">
<tbody>
<tr>
  <td class="label">Test Code:</td>
  <td class="data" colspan="3">lmBRAF-km_L</td>
</tr>
<tr>
  <td class="label">Name:</td>
  <td class="data" colspan="3">BRAF Known Mutation</td>
</tr>
</tbody>
</table>
</div>

I also have screenshots of the two states which I will attempt to attach to this report.

Reproducible: Always

Comment 1

[Eugene Clark]

Attachment: correctly displayed content with overflow:auto

Comment 2

[Eugene Clark]

Attachment: incorrectly displayed content with overflow:visible

Comment 3

[Daniel.S]

Eugene, are you still able to reproduce this bug in the latest Firefox 3.0 and/or trunk?