26376 - Elements styled with height:x% do not resize at all

Status: VERIFIED INVALID

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Keith Lesch]

The following attachment will show 5 elements, the DIV, INPUT, TEXTAREA, SELECT 
MULTIPLE, and BUTTON.  Each element should take up 20% of the height of the 
page, but none of them do.

Comment 1

[Keith Lesch]

Attachment: Elements do not resize according to height.

Comment 2

[Keith Lesch]

Attachment: Test inside a table as well: this presented new probs w/width.

Comment 3

[Pierre Saslawsky]

This is the usual Initial Containing Block problem. The default height for an 
element is 'auto' and 20% of 'auto' still makes 'auto'. If you want the elements 
to have a height of 20% of the viewport, you have to specify it:
    <style>
      html {height:100%;}
      body {height:100%;}
      form {height:100%;}
    </style>

Note that the requirement of "height: 100%" on the html element is a gray area in 
the spec. We may adopt a more lax interpretation like IE's where the default size 
of html element matches the viewport. For the rest, Moz is correct. IE embraces, 
extends... and you know where that leads.

The second testcase, even with the additional style above, reveals another 
instance of bug 915. I copied it over there.

Closed as Invalid (but thanks for the excellent bug report).

Comment 4

[Christine Hoffman]

Verified invalid

Comment 5

[Keith Lesch]

Sorry, I always forget to come in here and verify.  Thank you for the 
explanation of my bad assumptions of what should happen...I totally agree that 
Mozilla should stick to this pattern with heights, as I already know strange 
(and ugly) things happen in IE when you're using percentage heights and 
something is forced out of the viewport.