1471710 - [css-grid] multi row cell causes single row cell to change height

Status: RESOLVED INVALID

(Firefox :: Untriaged, defect)

Description

[Jason]

Attachment: 2018-05-23_08h38_47.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0
Build ID: 20180605171542

Steps to reproduce:

Codepen link at:

https://codepen.io/Nness/pen/MrYMzQ?editors=1100#

Once there, add more element to <div class="item-side"></div>

You can see the head cell is growing on height.

In my understanding, the cell that across multiple rows, then they shouldn't aware any single row cells, nor it can change single row cells. It can only increase the total height of two rows.


Actual results:

Multi row cell's content change will cause single row cell to change height.


Expected results:

Single row cell shouldn't change anything when multi row cell's content change.

Comment 1

[Gyula Palko[:gpalko]]

Hello Jason,

  I've tested this and the behavior is the same on every browser(Firefox, Chrome, Safari, Edge), so it's probably code-related. 

  As this doesn't look like a browser-related issue, I'll mark it as Invalid.

Thanks!