777258 - min-height & box-sizing:border-box not working

Status: RESOLVED DUPLICATE of bug 308801

(Core :: Layout, defect)

Description

[Jonas Jasas]

User Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.57 Safari/536.11

Steps to reproduce:

http://jsfiddle.net/Cj8vZ/38/


Actual results:

<div class='content'> does not fit in to body,
Padding is not added to div's height.


Expected results:

<div class='content'> should fit in to body as in all other browsers.

Comment 1

[Alice0775 White]

Attachment: html

Comment 2

[:Ms2ger (he/him; ⌚ UTC+1/+2)]

Bug 776265?

Comment 3

[Loic]

(In reply to :Ms2ger from comment #2)
> Bug 776265?

I would say it's a dupe of bug 308801.

Comment 4

[Jonas Jasas]

(In reply to Loic from comment #3)
> (In reply to :Ms2ger from comment #2)
> > Bug 776265?
> 
> I would say it's a dupe of bug 308801.

7 years for this bug, looks like unfixable. Sad to see my site almost unusable with FF :(

Comment 5

[Boris Zbarsky [:bzbarsky]]

This does indeed look like a duplicate of bug 308801.  But the patches for bug 776265 should actually fix this, I believe.

Jonas, you can get the same effect without using box-sizing by using calc() instead if you just want something that works cross-browser and doesn't depend on underspecified experimental properties...

Comment 6

[Jonas Jasas]

(In reply to Boris Zbarsky (:bz) from comment #5)
> This does indeed look like a duplicate of bug 308801.  But the patches for
> bug 776265 should actually fix this, I believe.
> 
> Jonas, you can get the same effect without using box-sizing by using calc()
> instead if you just want something that works cross-browser and doesn't
> depend on underspecified experimental properties...

http://caniuse.com/calc
http://caniuse.com/css3-boxsizing
Not sure which is experimental :) But anyway thank's for a good hint! Hope to work around this FF bug with calc.

Comment 7

[Boris Zbarsky [:bzbarsky]]

The key part was "underspecified".  ;)