Bug 178790 - fill-available height shouldn't change with "box-sizing: border-box"
Summary: fill-available height shouldn't change with "box-sizing: border-box"
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BlinkMergeCandidate
Depends on:
Blocks:
 
Reported: 2017-10-25 07:20 PDT by Manuel Rego Casasnovas
Modified: 2023-11-20 15:17 PST (History)
8 users (show)

See Also:

Attachments
Test to reproduce the issue (530 bytes, text/html)
2017-10-25 07:20 PDT, Manuel Rego Casasnovas 		no flags Details
Current output (8.79 KB, image/png)
2017-10-25 07:20 PDT, Manuel Rego Casasnovas 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Manuel Rego Casasnovas 2017-10-25 07:20:38 PDT 
Created attachment 324819 [details]
Test to reproduce the issue

This is easily reproducible if you combine "height: -webkit-fill-avilable" with "box-sizing: border-box"
and the element has some border and/or padding.

Attached example to reproduce the issue. And current output, the expected result would be that both cyan boxes
(the one with "content-box" and the one with "border-box") take the whole height of their wrapper.
BTW this is working fine in Chromium/Blink.
Comment 1 Manuel Rego Casasnovas 2017-10-25 07:20:55 PDT 
Created attachment 324820 [details]
Current output
Comment 2 Manuel Rego Casasnovas 2017-10-25 14:45:16 PDT 
This was fixed past year in Blink:
https://codereview.chromium.org/2100463002/