Status

()

Core
CSS Parsing and Computation
7 years ago
a month ago

People

(Reporter: adminnu, Unassigned)

Tracking

(Depends on: 33 bugs, Blocks: 3 bugs, {css3, dev-doc-needed, DevAdvocacy})

Trunk
css3, dev-doc-needed, DevAdvocacy
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [parity-ie][parity-webkit][DevRel:P1], URL)

Attachments

(2 attachments)

(Reporter)

Description

7 years ago
User-Agent:       Mozilla/5.0 (Windows NT 6.1; rv:2.0b8pre) Gecko/20101202 Firefox/4.0b8pre
Build Identifier: Mozilla/5.0 (Windows NT 6.1; rv:2.0b8pre) Gecko/20101202 Firefox/4.0b8pre

I would like to propose the inclusion of plans to develop a draft standard for firefox CSS Grid Alignment Level 3.

Reproducible: Always
(Reporter)

Updated

7 years ago
Component: General → Style System (CSS)
OS: Windows 7 → All
Product: Firefox → Core
Hardware: x86 → All
QA Contact: general → style-system

Comment 1

6 years ago
Please also ensure that absolute-positioned children are supported inside of grid "cells".

I've noticed that IE 10 supports this in both "grid alignment" layouts as well as in "flexbox" layouts.

I bring this up because Mozilla does not support absolute-positioned children inside of flexbox boxes as seen in Mozilla bug 649701.

Comment 2

6 years ago
Support was added in IE10 and this is the demo page they use to showcase it:
http://ie.microsoft.com/testdrive/HTML5/GridSystem/Default.html

(obviously the "-ms" prefixes would need to be changed to "-moz" etc.)

Comment 3

6 years ago
It has graduated from the dev.w3.org server as "Grid Layout":
http://www.w3.org/TR/css3-grid-layout/

Comment 4

6 years ago
I suspect that css3-grid-layout will supersede/replace css3-layout (see bug 466974). I think implementing css3-grid-layout (this bug) is a better option. The sooner this is implemented the better.
Renaming the bug to reflect the new spec name.

In addition to IE10, there is work happening in WebKit : https://bugs.webkit.org/show_bug.cgi?id=60731

I'm not strongly asking for this particular module but it is clear to me that one layout system needs to be implemented.
Summary: CSS Grid Alignment Level 3 → CSS Grid Layout Level 3
Whiteboard: [parity-ms]

Updated

6 years ago
Duplicate of this bug: 466974
(Reporter)

Updated

6 years ago
Keywords: css3

Updated

6 years ago
Status: UNCONFIRMED → NEW
Ever confirmed: true

Updated

6 years ago
Whiteboard: [parity-ms] → [parity-ie]

Comment 7

6 years ago
Any update here? Is that something we want to have?

Comment 8

6 years ago
FWIW, Hyatt's Webkit implementation never progressed, but Julien Chaffraix and others at Google have recently picked this up and are actively developing it: https://lists.webkit.org/pipermail/webkit-dev/2011-November/018570.html
(In reply to Paul Rouget [:paul] from comment #7)
> Any update here? Is that something we want to have?

It is something I want to have, but nobody's working on it (yet).
Alias: css3-grid
Version: unspecified → Trunk
Note: The CSS3 Grid spec uses "display: grid".  However, in current Gecko releases, the style "display: -moz-grid" triggers _XUL_ grid layout (not CSS3 grid layout, which of course isn't implemented yet, since this bug is still open).

When we fix this bug & add support for CSS3 grid, we'll need to either...
 (a) commandeer the existing keyword ("display: -moz-grid") and potentially break existing content that expects the XUL grid model
 (b) use a different display value ("display: -moz-css3-grid" or something)
 (c) ship it unprefixed ("display: grid")

Not sure about the cost-benefits -- just wanted to get that out there (and clarify this for people who might already be using -moz-grid and expecting CSS3 grid behavior).

Comment 11

5 years ago
W3C has published a new update about the draft of CSS Grid Layout:
http://www.w3.org/TR/2012/WD-css3-grid-layout-20120322/
Yup, thanks!  This bug's URL field actually points to an even more up-to-date (and volatile) version than that (the editor's draft)
 --> /me updates URL to point to where the old URL redirects.(s/grid-align/grid-layout/)

Updated

5 years ago
Blocks: 709467

Comment 13

5 years ago
Cross referencing:

Chromium bug:
https://code.google.com/p/chromium/issues/detail?id=79180

Opera:
http://my.opera.com/ODIN/blog/show.dml/40630922#comment83173332

Ie10 demo:
https://ie.microsoft.com/testdrive/HTML5/GridSystem/Default.html
Should look like http://www.thegridsystem.org/
(Reporter)

Comment 14

5 years ago
Webkit related:
https://bugs.webkit.org/show_bug.cgi?id=60731
https://lists.webkit.org/pipermail/webkit-dev/2011-November/018570.html

Updated

4 years ago
Blocks: 913153

Comment 15

4 years ago
(In reply to Daniel Holbert [:dholbert] from comment #10)
> When we fix this bug & add support for CSS3 grid, we'll need to either...
>  (a) commandeer the existing keyword ("display: -moz-grid") and potentially
> break existing content that expects the XUL grid model
>  (b) use a different display value ("display: -moz-css3-grid" or something)
>  (c) ship it unprefixed ("display: grid")

So I think the current approach is (option c) to implement everything unprefixed but behind a pref (`display: grid;` needs Bug 872301 to be fixed then, I think). That means it won't interfere with XUL Grid. 

However, I think it's worth assessing the option of disabling XUL Grid for web content to not confuse web devs. Is there actually any use of XUL Grid in Web content? I though XUL for Web content was disabled at some point, anyway?

Updated

4 years ago
Depends on: 914360

Comment 16

4 years ago
New working draft: CSS Grid Layout Module Level 1
http://www.w3.org/TR/2013/WD-css3-grid-layout-20130910/
[Removing "level 3" from bug title, as the spec is now titled "CSS Grid Layout Module Level 1"]
[It's still part of "css3", so that keyword still applies; but each module levels independently now, starting at level 1, except for modules that were covered in css2.1]
Summary: CSS Grid Layout Level 3 → CSS Grid Layout
Alias: css3-grid → css-grid
Depends on: 975501
Depends on: 976787
Depends on: 978212
Depends on: 978478
Depends on: 981300
Depends on: 981752
Depends on: 981754
Depends on: 983175
Depends on: 984760
Depends on: 989755
Depends on: 994592

Updated

3 years ago
Depends on: 1000376

Updated

3 years ago
Depends on: 1000431

Updated

3 years ago
Depends on: 1000592
Created attachment 8413787 [details]
A basic testcase
Created attachment 8413788 [details]
Not much, but it's something :-)

Updated

3 years ago
Depends on: 1002607

Updated

3 years ago
Depends on: 1004197

Updated

3 years ago
Depends on: 1005567

Updated

3 years ago
Depends on: 1008969

Updated

3 years ago
Depends on: 1009214

Updated

3 years ago
Depends on: 1009272

Updated

3 years ago
Depends on: 1009282

Updated

3 years ago
Depends on: 1009776

Updated

3 years ago
Depends on: 1034361
Depends on: 1056864

Updated

3 years ago
Depends on: 1107778

Updated

3 years ago
Depends on: 1107783

Updated

3 years ago
Depends on: 1107786

Updated

3 years ago
Depends on: 1117538

Updated

3 years ago
Depends on: 1118820
Depends on: 1136908

Updated

2 years ago
Depends on: 1139539

Updated

2 years ago
Depends on: 1144096

Updated

2 years ago
Depends on: 1145968

Updated

2 years ago
Depends on: 1146051

Updated

2 years ago
Depends on: 1147423

Updated

2 years ago
Depends on: 1151201

Updated

2 years ago
Depends on: 1151204

Updated

2 years ago
Depends on: 1151212

Updated

2 years ago
Depends on: 1151213

Updated

2 years ago
Depends on: 1151214

Updated

2 years ago
Depends on: 1151243

Updated

2 years ago
Depends on: 1151316
Depends on: 1153140

Updated

2 years ago
Depends on: 1163432

Updated

2 years ago
Depends on: 1163435

Updated

2 years ago
Depends on: 1163565
Depends on: 1172327

Updated

2 years ago
Depends on: 1174569

Updated

2 years ago
Depends on: 1174574

Updated

2 years ago
Depends on: 1176775

Updated

2 years ago
Depends on: 1176782

Updated

2 years ago
Depends on: 1176790

Updated

2 years ago
Depends on: 1176792

Updated

2 years ago
Depends on: 1176793
Just filed bug 1181227 to have some kind of css grid layout inspector over in devtools.
I don't think this has been discussed in the intent to implement thread, but having a way for users to just see the grid, and areas would probably help them a lot debug problems, and therefore help with adoption.
I suspect just drawing the lines will require a new chrome-only API to be created.

Also, what's the state of the implementation of the spec? It seems that many of the blocking bugs have been fixed already, so I'm wondering if one can already experiment with this.

Updated

2 years ago
Keywords: DevAdvocacy

Updated

2 years ago
Depends on: 1194446

Updated

2 years ago
Depends on: 1194888

Updated

2 years ago
Depends on: 1194892

Updated

2 years ago
Depends on: 1201932

Updated

2 years ago
Depends on: 1201941

Updated

2 years ago
Depends on: 1209485

Updated

2 years ago
Depends on: 1211260

Updated

2 years ago
Depends on: 1217086

Updated

2 years ago
Blocks: 914360
No longer depends on: 914360

Updated

2 years ago
Depends on: 1226697
Depends on: 1227285

Updated

2 years ago
Depends on: 1229165

Updated

2 years ago
Depends on: 1230665

Updated

2 years ago
Depends on: 1238890
Depends on: 1240834
Depends on: 1251999
Depends on: 1185140
Depends on: 1255393
Depends on: 1258443
Depends on: 1264067
Depends on: 1264607
Depends on: 1266265
Depends on: 1266268
Depends on: 1267555
No longer depends on: 1267555
Whiteboard: [parity-ie] → [parity-ie][DevRel:P1]
Depends on: 1272783
Depends on: 1277934
Depends on: 1278058
Depends on: 1279182
Depends on: 1279641
Depends on: 1278455
Flags: platform-rel?
platform-rel: --- → ?
Depends on: 1281320
Depends on: 1281446

Updated

a year ago
Whiteboard: [parity-ie][DevRel:P1] → [parity-ie][parity-webkit][DevRel:P1]
Depends on: 1282418
Depends on: 1282643

Comment 21

11 months ago
Could some provide an update on status and intention? Thanks

Updated

10 months ago
Depends on: 1299133

Updated

10 months ago
Depends on: 1300366

Updated

10 months ago
Depends on: 1302839

Updated

9 months ago
Depends on: 1305244

Updated

9 months ago
Depends on: 1304636

Updated

9 months ago
Depends on: 1306705

Updated

9 months ago
Depends on: 1309407

Updated

9 months ago
Depends on: 1309839

Updated

8 months ago
Depends on: 1312403

Updated

8 months ago
Depends on: 1312379

Updated

8 months ago
Depends on: 1313068

Updated

8 months ago
Depends on: 1315750

Updated

8 months ago
Depends on: 1315857

Updated

8 months ago
Depends on: 1316051

Updated

8 months ago
Depends on: 1316884

Updated

8 months ago
Depends on: 1317168

Updated

8 months ago
Depends on: 1317206

Updated

8 months ago
Depends on: 1317524

Updated

8 months ago
Depends on: 1317578

Updated

7 months ago
Depends on: 1317840

Updated

7 months ago
Depends on: 1317845

Updated

7 months ago
Depends on: 1317870

Updated

7 months ago
Depends on: 1319958

Updated

7 months ago
Depends on: 1319688

Updated

7 months ago
Depends on: 1269642

Updated

7 months ago
Depends on: 1321655

Updated

6 months ago
Depends on: 1330380

Updated

6 months ago
Depends on: 1330866
platform-rel: ? → ---

Updated

5 months ago
Depends on: 1335806

Updated

5 months ago
Depends on: 1336679

Updated

5 months ago
Depends on: 1338108

Updated

5 months ago
No longer depends on: 1338108

Updated

4 months ago
Depends on: 1339672

Updated

4 months ago
Depends on: 1339911

Updated

4 months ago
Depends on: 1341507

Updated

4 months ago
Depends on: 1346533

Updated

4 months ago
Depends on: 1346699

Updated

3 months ago
Depends on: 1348519

Updated

3 months ago
Depends on: 1312610

Updated

3 months ago
Depends on: 1349043

Updated

3 months ago
Depends on: 1349320

Updated

3 months ago
Depends on: 1349481

Updated

3 months ago
Depends on: 1350069

Updated

3 months ago
Depends on: 1350925

Updated

3 months ago
Depends on: 1351557

Updated

3 months ago
Depends on: 1352314

Updated

3 months ago
Depends on: 1355445

Updated

3 months ago
No longer depends on: 1355445

Updated

3 months ago
Depends on: 1356236

Updated

2 months ago
Depends on: 1356820

Updated

2 months ago
No longer depends on: 1352314

Updated

2 months ago
Depends on: 1351359

Updated

2 months ago
No longer depends on: 1351557
Keywords: dev-doc-needed
You need to log in before you can comment on or make changes to this bug.