814985 - Table with percentage height continues to grow when a descendant :hover increase its height

Status: RESOLVED WORKSFORME

(Core :: Layout: Tables, defect)

Description

[Alex]

Attachment: testcase.html

User Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.28) Gecko/20120306 Firefox/3.6.28
Build ID: 20120306064154

Steps to reproduce:

Since Firefox 3.6 (or earlier) and still exhibited Firefox 17:
Using a different border-width and/or padding for the :hover pseudo-class of table head elements results in unexpected behavior.  (Please view the attached testcase.)


Actual results:

The div elements with "overflow: hidden" grow in height when the mouse moves over the th elements.


Expected results:

The computed height of the divs should not have changed due to hovering on the table head elements.

Comment 1

[Alex]

Reproducible: always

To reproduce this bug, please view the attached testcase file and hover the mouse over the table head cells.

I have already been able to reproduce this bug in:
Firefox 17.0 beta (build 20121113065533) on Windows XP,
Firefox 16.0.2 (build 20121024073032) on Windows 7,
Firefox 5.0 (build 20110615151330) on Windows XP, 
and Firefox 3.6 (build 20120306064154) on Mac OS X.

Comment 2

[Mats Palmgren (inactive)]

Attachment: Testcase #2

Simplified version of Reporter's testcase.

Comment 3

[Mats Palmgren (inactive)]

I suspect we already have bug(s) on this, probably quite old.

Comment 4

[Alex]

How is it that no one has picket this bug up yet?

Comment 5

[Frankie]

The testcase behaves exactly the same in Chrome 44 and Explorer 11.

I'd be inclined to say it's not a bug in Firefox. Maybe the W3C specification should be reworded.

Comment 6

[Frankie]

In both testcases, overflow div does not change size during hover, and behavior is identical in all major (desktop) browsers.