1489070 - broken rendering for grid layout

Status: RESOLVED INVALID

(Core :: Layout: Grid, defect)

Description

[Eugen Konkov]

Attachment: delete1.jpg

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0
Build ID: 20180712135629

Steps to reproduce:

I create table with grid layout
https://codepen.io/KES777/pen/gdGpWe


Actual results:

The elements are rendered incorrect:

spanned column has different width, also lines are rendered out of border

see attachment and SO question

https://stackoverflow.com/q/52201284/4632019


Expected results:

The chrome renders without problem.

The column Кiлькiсть have same size as two spanned columns

Comment 1

[pboiciuc]

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

I've tested this report on Ubuntu 18.04 x64 and using the latest Nightly and Fx release build. I was able to reproduce it following the above steps.

Comment 2

[Ting-Yu Lin [:TYLin] (PST, UTC-7)]

The test looks fine on Nightly 2019-06-10, but I'd like to ping Mats for confirmation before closing this bug.

Comment 3

[Ting-Yu Lin [:TYLin] (PST, UTC-7)]

Comment 2 was written when I reproduce this on Mac. I load the test today on Linux, I can see the reporter's point. I think the test look wrong on Linux because grid-items are enlarged by the content. If I use to width: 900px or font-size: 12px on .items-grid. It looks OK.