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: 2022-11-01 02:01 PDT (History)
7 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

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/