1449751 - CSS Grid Layout: 'grid' invalid property value

Status: RESOLVED DUPLICATE of bug 1339672

(Core :: Layout, defect)

Description

[mauriciorojas.auxiliar]

Attachment: expected_results.png

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

Steps to reproduce:

1. Open the Firefox Nightly Browser
2. Open Codepen: https://codepen.io/maurroj/pen/wmyMQx
3. Open Firefox Dev Tools


Actual results:

1. Bad positioning of GRID Items
2. Warning: 'grid' invalid property value.



Expected results:

Good positioning of GRID Items without warnings. Please see attachment file.

Comment 1

[Kanchan Kumari QA]

I could reproduce Grid issue on the latest nightly on windows 10. I don't get any warning message though.

Comment 2

[mauriciorojas.auxiliar]

(In reply to Kanchan Kumari QA from comment #1)
> I could reproduce Grid issue on the latest nightly on windows 10. I don't
> get any warning message though.

Hi Kanchan Kumari,

Thank you so much for your answer! It's very weird because Today, I have updated my Firefox Nightly 61.0a1 (2018-04-02) and I tried again but Unfortunately, the problem and warning continue. I share my last screenshoot (firefox_nighly_grid_problem.png), please, Can you help with this problem? I'd be really grateful.

Comment 3

[mauriciorojas.auxiliar]

Attachment: Problem - Firefox Nighly - CSS Grid

I have updated my Firefox Nightly 61.0a1 (2018-04-02) and I tried again but Unfortunately, the problem and warning continue. I share my last screenshoot, please, Can you help with this problem. I'd be really grateful.

Comment 4

[Emilio Cobos Álvarez (:emilio)]

So this is because Gecko only supports one grid-auto-rows / grid-auto-columns value value. Mats, is there a bug adding support for multiple of those?

Comment 5

[Emilio Cobos Álvarez (:emilio)]

That is, the `grid-auto-rows` property should accept `<track-size>+`, not just `<track-size>`.

That is, this comment[1] needs to be addressed.

[1]: https://searchfox.org/mozilla-central/rev/f860c2bf00576959b07e2d9619c7b5088b0005be/servo/components/style/properties/longhand/position.mako.rs#307