Open Bug 1521088 Opened 6 years ago Updated 1 years ago

A height of DIV containers with specified paddings is re-calculated incorrectly while resizing a browser's window (causing failure in WPT css/css-grid/table-grid-item-dynamic-004.html )

Categories

(Core :: Layout: Grid, defect, P3)

Product:
Core
Component:
Layout: Grid
Version:
52 Branch
Type:
defect

Tracking

()

Tracking Flags:
Tracking Status
firefox-esr60 --- wontfix
firefox64 --- wontfix
firefox65 --- wontfix
firefox66 --- wontfix
firefox67 --- wontfix

People

(Reporter: support, Unassigned)

References

(Blocks 2 open bugs)

Details

(Keywords: regression)

Attachments

(3 files)

testPage.html
(deleted), text/html
Details
Screencast 2019-01-18.mp4
(deleted), video/mp4
Details
ChromeTest.mp4
(deleted), video/mp4
Details
Attached file testPage.html (deleted) —

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Steps to reproduce:

  1. Create the following HTML page
    <!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div style="height: 150px; display: grid;">
<div style="height: 100%; display: table; padding: 2px 2px 0px 0px;">
<div style="width: 50px; min-width: 50px; display: table;">
<label>Test:</label>
</div>
<div style="width: 100%; height: 69px; background-color: lightcoral; display: table-cell;">
</div>
</div>
</div>
</form>
</body>
</html>

  1. Try resizing a browser's window

Actual results:

The DIV height is always increasing

Expected results:

The DIV height should remain unchanged (like in other browsers)

Attached video Screencast 2019-01-18.mp4 (deleted) —

See the attached video

Attached video ChromeTest.mp4 (deleted) —

Video demonstrates the same scenario in the Chrome browser
The DIV's height is not changed

Component: Untriaged → Layout: Block and Inline
Product: Firefox → Core
Component: Layout: Block and Inline → Layout: Tables

Regression window:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=c11a7836e61b18bcb4dd3d75191ffd10830b9280&tochange=cb5c261faec02c184166fe2c3221870caf394248

Status: UNCONFIRMED → NEW
Has Regression Range: --- → yes
Has STR: --- → yes
status-firefox64: --- → wontfix
status-firefox65: --- → wontfix
status-firefox66: --- → affected
status-firefox-esr60: --- → wontfix
Component: Layout: Tables → Layout: Grid
Ever confirmed: true
Keywords: regression
Version: 64 Branch → 52 Branch
Blocks: css-grid
Priority: -- → P3

Sounds like it might be the same underlying issue as bug 1492315.

Depends on: 1492315

Sean, do you think your team will get to this soon? It's been a wontfix regression for a while now so the regression triagers were wondering if we should stop tracking it and just let it go into your backlog.

Flags: needinfo?(svoisen)

Yes, given the P3 priority, will just get this part of our backlog of upcoming grid fixes.

Flags: needinfo?(svoisen)

Thanks. Sounds like a wontfix for 67, too, so I modified that and we can let it "fall off the radar" of the regression bug triage meeting.

status-firefox67: affected → wontfix
Depends on: 1527734

The testcase in comment 0 is fixed by bug 1527734, but a similar test http://wpt.live/css/css-grid/table-grid-item-dynamic-004.html still fails.

Severity: normal → S3
Blocks: interop-2023-grid
Summary: A height of DIV containers with specified paddings is re-calculated incorrectly while resizing a browser's window → A height of DIV containers with specified paddings is re-calculated incorrectly while resizing a browser's window (causing failure in WPT css/css-grid/table-grid-item-dynamic-004.html )
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: