1526645 - Bootstrap table inside CSS grid div expands height infinitely when resizing window

Status: RESOLVED DUPLICATE of bug 1492315

(Core :: Layout: Grid, defect)

Description

[jlg]

Attachment: index.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

use bootstrap

Create a basic table with table class inside a div container.

Apply CSS style to container "display: grid"

resize browser window to see effect
or check https://codepen.io/Red5Point1/pen/vbdrQa

Actual results:

Table cells expand in height infinitely.

Expected results:

table cells should not change height, have tested on Chrome and Edge, both work fine.

Comment 1

[Hani Yacoub, Desktop QA]

Reproducible on Firefox Nightly 67.0a1 (2019-02-12), Firefox 66.0b7 and Firefox 65 on Windows 10 x64, Ubuntu 16.04 and Mac OS X 10.14.

Comment 2

[Emilio Cobos Álvarez [:emilio]]

-> Grid. I think there's a dupe of this somewhere else...

Comment 3

[Daniel Holbert [:dholbert]]

Yeah, this is bug 1492315.

(As noted in bug 1492315 comment 1, the table apparently needs to have a nonzero margin in order for this bug to trigger. I can work around this issue in the Comment 0 codepen by adding table { margin: 0 !important } in the codepen CSS.)