Open
Bug 616605
(css-grid)
Opened 14 years ago
Updated 2 years ago
[META] CSS Grid Layout
Categories
(Core :: Layout, enhancement)
Core
Layout
Tracking
()
NEW
People
(Reporter: mail, Unassigned)
References
(Depends on 33 open bugs, Blocks 2 open bugs, )
Details
(6 keywords, Whiteboard: [DevRel:P1])
Attachments
(2 files)
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
Component: General → Style System (CSS)
OS: Windows 7 → All
Product: Firefox → Core
Hardware: x86 → All
Updated•14 years ago
|
QA Contact: general → style-system
Comment 1•14 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•14 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•14 years ago
|
||
It has graduated from the dev.w3.org server as "Grid Layout":
http://www.w3.org/TR/css3-grid-layout/
Comment 4•14 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.
Comment 5•14 years ago
|
||
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•13 years ago
|
Status: UNCONFIRMED → NEW
Ever confirmed: true
Updated•13 years ago
|
Whiteboard: [parity-ms] → [parity-ie]
Comment 7•13 years ago
|
||
Any update here? Is that something we want to have?
Comment 8•13 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
Comment 9•13 years ago
|
||
(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).
Updated•13 years ago
|
Alias: css3-grid
Version: unspecified → Trunk
Comment 10•13 years ago
|
||
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•13 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/
Comment 12•13 years ago
|
||
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/)
Comment 13•12 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•12 years ago
|
||
Comment 15•11 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?
Comment 16•11 years ago
|
||
New working draft: CSS Grid Layout Module Level 1
http://www.w3.org/TR/2013/WD-css3-grid-layout-20130910/
Updated•11 years ago
|
Comment 17•11 years ago
|
||
[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
Updated•11 years ago
|
Alias: css3-grid → css-grid
Comment 18•11 years ago
|
||
Comment 19•11 years ago
|
||
Comment 20•9 years ago
|
||
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•9 years ago
|
Keywords: DevAdvocacy
Updated•9 years ago
|
Updated•9 years ago
|
Whiteboard: [parity-ie] → [parity-ie][DevRel:P1]
Updated•8 years ago
|
Flags: platform-rel?
Updated•8 years ago
|
platform-rel: --- → ?
Updated•8 years ago
|
Whiteboard: [parity-ie][DevRel:P1] → [parity-ie][parity-webkit][DevRel:P1]
Comment 21•8 years ago
|
||
Could some provide an update on status and intention? Thanks
Updated•8 years ago
|
platform-rel: ? → ---
Updated•8 years ago
|
Depends on: css-grid-1
Updated•8 years ago
|
Depends on: css-grid-2
Updated•8 years ago
|
Keywords: dev-doc-needed
Comment 22•7 years ago
|
||
Mass bug change to replace various 'parity' whiteboard flags with the new canonical keywords. (See bug 1443764 comment 13.)
Keywords: parity-ie,
parity-safari
Whiteboard: [parity-ie][parity-webkit][DevRel:P1] → [DevRel:P1]
Blocks: all-css-modules
Type: defect → enhancement
Updated•2 years ago
|
Severity: normal → S3
Updated•2 years ago
|
Depends on: interop-2023-subgrid
Updated•2 years ago
|
Depends on: interop-2023-grid
You need to log in
before you can comment on or make changes to this bug.
Description
•