Outline on (display:box) flexbox children is padded as if by a transparent border the same width

NEW
Unassigned

Status

()

Core
Layout
7 years ago
5 years ago

People

(Reporter: Oli Studholme, Unassigned)

Tracking

({regression, testcase})

Trunk
x86
All
regression, testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

7 years ago
User-Agent:       Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:2.0b8) Gecko/20100101 Firefox/4.0b8
Build Identifier: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:2.0b8) Gecko/20100101 Firefox/4.0b8

Refer to the third example on http://oli.jp/bugs/mozilla/flexbox-overflow.html (“Outline on box element children is padded by the same width”) for more info.

Reproducible: Always

Actual Results:  
When adding a 1px outline to a box element’s child, the outline is separated from the child by the same amount, showing 1px of the background. The separation matches the width of the outline

Expected Results:  
The outline should be drawn immediately outside the element’s area, as it is in Firefox 3.6.10
Oli, if this behavior changed since 3.6, would you be willing to find the regression range?

roc, it looks like we're including the block's outline somewhere in the box code when doing sizing....  Are we maybe looking at overflow areas somewhere?
Component: General → Layout
Keywords: regression
QA Contact: general → layout
Created attachment 503830 [details]
Smaller saner testcase
Status: UNCONFIRMED → NEW
Ever confirmed: true
(Reporter)

Comment 3

7 years ago
Boris, I’m not actually sure how to find a regression range (or ahem what it is), and after filing 6 flexbox bugs today I’d like to pass if possible ;)

sorry for the non-minimal test case, I got lazy after the first couple and combined em.
Oli, a regression range is basically "when the problem appeared".  Usually found by downloading nightly builds so as pin it down to a day.

The regression range here is in December 2009: http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=3ff17b03644e&tochange=44c392db6672

dbaron, you have some overflow changes in there....  This changeset looks suspicious: http://hg.mozilla.org/mozilla-central/rev/038564bc6eb7
David, see end of comment 4.
Keywords: testcase
OS: Mac OS X → All
Version: unspecified → Trunk
(Reporter)

Updated

5 years ago
Summary: Outline on flexbox children is padded as if by a transparent border the same width → Outline on (display:box) flexbox children is padded as if by a transparent border the same width
(Reporter)

Comment 6

5 years ago
Just FYI this is regarding OLD Flexbox (display: box;), not NEW Flexbox (display: flex;), and the chances of it being fixed are probably not great. For more background:
https://bugzilla.mozilla.org/show_bug.cgi?id=625694
You need to log in before you can comment on or make changes to this bug.