320116 - extra space added when doing position:absolute and position:relative afterwards

Status: RESOLVED FIXED

(Core :: Layout: Tables, defect)

Description

[Michael]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8) Gecko/20051111 Firefox/1.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8) Gecko/20051111 Firefox/1.5

I have a table with some additional content below. When hiding/removing the table via JS (position:absolute, visibility:hidden) and making it visible again (position:relative, visibility:visible) the content below the table has moved down a bit (see attached sample).

Reproducible: Always

Steps to Reproduce:
1. In the attached demo/sample, click Info/Edit several times and watch the "TEST 1 2 3" line go down
2.
3.

Actual Results:  
Nasty layout bug. It not only shifts down the content below the table, it also messes up the table if there are many TRs!!!

Expected Results:  
Layout should be exactly the same before and after clicking Info/Edit.

Comment 1

[Michael]

Attachment: See Details and try it out.

Attachment contains HTML with some JS and CSS inside.

Comment 2

[Steve England [:stevee]]

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8) Gecko/20051111 Firefox/1.5 ID:2005111116
I see this too.

Comment 3

[Majken Connor [:Kensie]]

FWIW it's something in the table, not below the table.  Take a look with dom inspector.  It's in the tbody.

Comment 4

[Eli Friedman]

I think this is a frame constructor bug that just happens to triggered by absolute positioning (for another fun test, instead of changing position from relative to absolute, change display from table-row to table.)

Comment 5

[Boris Zbarsky [:bzbarsky]]

This was fixed by the patches for bug 162063.