[webkit-dev] CSS Grid Layout Status Review (Jan 2015)
Hi, this is a new status review (last one was in August 2014 [1]) of the CSS Grid Layout [2] implementation done by Igalia. We'll summarize the work done during the past months and the plans for the future. Of course, we'll be really happy to get any kind of feedback from the community. The meta-bug to follow the evolution of this feature is: http://wkb.ug/60731 Main tasks done since August: * Track Sizing Algorithm (http://wkb.ug/60731): * Tracks no longer shrink with undefined remaining space. * Fixed the grow beyond growth limits use case. * Do not use items spanning through flex tracks when sizing content sized tracks. * Sizing content sized tracks is no longer order-dependent. * Support of percentages of indefinite sizes in minmax(). * Auto-placement (http://wkb.ug/103316): * Support sparse & dense packing modes. * Stack mode was finally dropped from the spec. * Alignment & justification (http://wkb.ug/133224 & http://wkb.ug/133222): * Upgrade self alignment properties (justify-self/items, align-self/items) to the last CSS3 spec. * Testing: * Improve test coverage, which lead to some bug reports and fixes. * Outside WebKit: Started to create the W3C test suite for grid [3]. Still on early stages, check the test plan [4] for more information. * Bugfixing: * Fixed different bugs reported by fuzzinator. * Generic bugfixing. Ongoing tasks: * Track Sizing Algorithm (http://wkb.ug/60731): * Initialization of track sizes from non spanning items. * Add and enforce the growth limit >= base size constraint. * Improve sizing computations of tracks growing beyond limits. * Fix behavior under min/max-width and min/max-content. * Add support for mark as infinitely growable and unmark. * Rewrite some of the loops that are incorrectly nested. * Alignment & justification (http://wkb.ug/133224 and http://wkb.ug/133222): * Due to some performance concerns, CSS3 upgrade of alignment properties is stalled. * There're several patches pending to fully support the Box Alignment specification in WebKit. * Testing: * Outside WebKit: Continue working on the W3C test suite in order to cover the whole spec. Then, import the test suite into WebKit. Plans for the future: * Absolutely positioned grid children. * Alignment & justification * Implementation of the Box Alignment spec for Grid Layout. * Dealing with orthogonal flows. * Writing modes. * Adapting the track sizing and item positioning to any writing mode and direction. * Implementing support for orthogonal flows. * Handling grid's and item's margin, border and padding in different writing modes and directions. * Support "auto" keyword for repeat() function. * Allow to grow the implicit grid before the explicit grid (supporting properly negative indexes for grid line numbers). * Implement fragmentation support once the spec is definitive regarding this topic. * Performance analysis and optimizations. * Grid support on Web Inspector. This is a high level summary, you can check the different bugs for more details. Please don't hesitate to ask any question. We hope you find this information useful. BTW, you can already test CSS Grid Layout using the WebKit nightly builds (remember to use "-webkit" prefix) [5]. Best regards, Rego [1] https://lists.webkit.org/pipermail/webkit-dev/2014-August/026756.html [2] http://dev.w3.org/csswg/css-grid/ [3] http://test.csswg.org/shepherd/search/spec/css-grid-1/ [4] http://rawgit.com/w3c/csswg-test/master/css-grid-1/test-plan/index.html [5] http://nightly.webkit.org/ ___ webkit-dev mailing list webkit-dev@lists.webkit.org https://lists.webkit.org/mailman/listinfo/webkit-dev
Re: [webkit-dev] CSS Grid Layout status review
On 08/02/2014 12:53 AM, Benjamin Poulain wrote: Thank you for the update. I would love to see CSS Grid in a stable state by the end of the year! Do you know if Fuzzinator covers CSS Grid Layout? Yes, it does. Besides, I can increase the priority on grid layout properties if needed. -Reni ___ webkit-dev mailing list webkit-dev@lists.webkit.org https://lists.webkit.org/mailman/listinfo/webkit-dev
Re: [webkit-dev] CSS Grid Layout status review
Hi Benjamin, On 08/02/2014 12:53 AM, Benjamin Poulain wrote: > > Do you know if Fuzzinator covers CSS Grid Layout? > I don't think so. It might be a good idea to add support for Grid Layout. Could you give me some directions on how to do it ? -- javi ___ webkit-dev mailing list webkit-dev@lists.webkit.org https://lists.webkit.org/mailman/listinfo/webkit-dev
Re: [webkit-dev] CSS Grid Layout status review
Thank you for the update.
I would love to see CSS Grid in a stable state by the end of the year!
Do you know if Fuzzinator covers CSS Grid Layout?
Benjamin
On 8/1/14, 7:32 AM, Javier Fernandez wrote:
Hi all,
It's been a while since Igalia started contributing to the development
of the CSS Grid Layout spec in WebKit (enabled in the nightly builds
since May) and we'd like to report about the implementation status to
gather feedback from the community (comments, issues, questions, etc.).
CSS Grid Layout is a browser feature that allows to define responsive
and flexible 2D layouts using just CSS declarations. Visit
http://www.w3.org/TR/css-grid-1/ for more information about the standard.
First of all, the following meta-bug can be used to track the
implementation: http://webkit.org/b/60731
Besides a quite active bugfixing, these are the most important changes
that have been landed recently:
* Introduce compilation flag (http://webkit.org/b/129153) and remove
runtime feature http://webkit.org/b/132382 (thus CSS Grid Layout is
enabled in the nightly builds since May).
* Syntax implementation:
- Adapting some properties to the last specification:
http://webkit.org/b/127987
+ grid-template-{columns, rows} and grid-template-areas
- grid-template: Explicit Grid shorthand: http://webkit.org/b/128980
- grid: Grid Definition Shorthand: http://webkit.org/b/132122
* Code refactoring:
- Grid position resolution code moved to its own class:
http://webkit.org/b/131732
* Auto-Placement algorithm:
- Add support for spanning items: http://webkit.org/b/110633
* Z-index:
- Properly support z-index property on grid items:
http://webkit.org/b/103329
* Alignment and justification:
- Implement justify-self css property: http://webkit.org/b/134419
In addition, we're actively working on the following features:
* Alignment and justification:
- Implement row-axis Alignment: http://webkit.org/b/133222
- Implement column-axis Alignment: http://webkit.org/b/133224
- Improve margin, border and padding support.
* Auto-placement algorithm:
- Implement the new sparse and stack modes: http://webkit.org/b/103316
* Performance optimizations:
- meta-bug to track future optimizations: http://webkit.org/b/125145
- Dirty bit on grids: http://webkit.org/b/132332
We hope you find this report useful so people interested on this feature
could be aware of our progress and future work. Please, don't hesitate
to give us any kind of feedback; it's really appreciated.
Finally, stating that we're planning to continue working on the
implementation of this spec with the goal of asking before the end of
the year to be considered for shipping . Let's see how all this evolves
and we'll keep you informed.
Best regards.
___
webkit-dev mailing list
webkit-dev@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-dev
___
webkit-dev mailing list
webkit-dev@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-dev
[webkit-dev] CSS Grid Layout status review
Hi all,
It's been a while since Igalia started contributing to the development
of the CSS Grid Layout spec in WebKit (enabled in the nightly builds
since May) and we'd like to report about the implementation status to
gather feedback from the community (comments, issues, questions, etc.).
CSS Grid Layout is a browser feature that allows to define responsive
and flexible 2D layouts using just CSS declarations. Visit
http://www.w3.org/TR/css-grid-1/ for more information about the standard.
First of all, the following meta-bug can be used to track the
implementation: http://webkit.org/b/60731
Besides a quite active bugfixing, these are the most important changes
that have been landed recently:
* Introduce compilation flag (http://webkit.org/b/129153) and remove
runtime feature http://webkit.org/b/132382 (thus CSS Grid Layout is
enabled in the nightly builds since May).
* Syntax implementation:
- Adapting some properties to the last specification:
http://webkit.org/b/127987
+ grid-template-{columns, rows} and grid-template-areas
- grid-template: Explicit Grid shorthand: http://webkit.org/b/128980
- grid: Grid Definition Shorthand: http://webkit.org/b/132122
* Code refactoring:
- Grid position resolution code moved to its own class:
http://webkit.org/b/131732
* Auto-Placement algorithm:
- Add support for spanning items: http://webkit.org/b/110633
* Z-index:
- Properly support z-index property on grid items:
http://webkit.org/b/103329
* Alignment and justification:
- Implement justify-self css property: http://webkit.org/b/134419
In addition, we're actively working on the following features:
* Alignment and justification:
- Implement row-axis Alignment: http://webkit.org/b/133222
- Implement column-axis Alignment: http://webkit.org/b/133224
- Improve margin, border and padding support.
* Auto-placement algorithm:
- Implement the new sparse and stack modes: http://webkit.org/b/103316
* Performance optimizations:
- meta-bug to track future optimizations: http://webkit.org/b/125145
- Dirty bit on grids: http://webkit.org/b/132332
We hope you find this report useful so people interested on this feature
could be aware of our progress and future work. Please, don't hesitate
to give us any kind of feedback; it's really appreciated.
Finally, stating that we're planning to continue working on the
implementation of this spec with the goal of asking before the end of
the year to be considered for shipping . Let's see how all this evolves
and we'll keep you informed.
Best regards.
___
webkit-dev mailing list
webkit-dev@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-dev
