Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(20)

Issue 363133003: [CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec. (Closed)

Created:
6 years, 5 months ago by jfernandez
Modified:
6 years, 4 months ago
CC:
darktears, apavlov+blink_chromium.org, blink-reviews, blink-reviews-css, blink-reviews-rendering, dglazkov+blink, eae+blinkwatch, ed+blinkwatch_opera.com, jchaffraix+rendering, leviw+renderwatch, pdr., Manuel Rego, rwlbuis, rune+blink, zoltan1
Base URL:
https://chromium.googlesource.com/chromium/blink.git@master
Project:
blink
Visibility:
Public.

Description

[CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec. Added support and test cases for the new values, baseline last-baseline, flex-start, flex-end. Properly set the initial value to 'auto' in all properties. Resolving the 'auto' Computed Value in the StyleAdjuster class, so it's valid for both, CSSComputedStyleDeclaration and the corresponding RenderObjects. BUG=249451, 376823 Committed: https://src.chromium.org/viewvc/blink?view=rev&revision=179307

Patch Set 1 : #

Total comments: 3

Patch Set 2 : Applied suggested changes and removed RenderGridTest. #

Patch Set 3 : Recalc style when alignItems or justifyItems change. #

Total comments: 7

Patch Set 4 : Applied suggested changed and rebased. #

Patch Set 5 : Fixed some layout tests failures. #

Patch Set 6 : RenderFullScreen not a RenderFlexibleBox anymore. #

Patch Set 7 : Adjust only align/justify-items. #

Patch Set 8 : A new approach for resolving auto values. #

Total comments: 5

Patch Set 9 : Resolve grid and flex cases during cascade, the rest will wait for layout. #

Total comments: 2
Unified diffs Side-by-side diffs Delta from patch set Stats (+886 lines, -428 lines) Patch
M LayoutTests/css3/flexbox/css-properties.html View 1 2 3 4 5 6 7 4 chunks +20 lines, -13 lines 0 comments Download
M LayoutTests/css3/flexbox/css-properties-expected.txt View 1 2 3 4 5 6 7 3 chunks +17 lines, -10 lines 0 comments Download
M LayoutTests/fast/alignment/parse-align-items.html View 1 2 3 4 5 6 7 8 9 chunks +121 lines, -83 lines 2 comments Download
M LayoutTests/fast/alignment/parse-align-items-expected.txt View 1 chunk +108 lines, -32 lines 0 comments Download
M LayoutTests/fast/alignment/parse-align-self.html View 1 2 3 4 5 6 7 8 8 chunks +125 lines, -68 lines 0 comments Download
M LayoutTests/fast/alignment/parse-align-self-expected.txt View 1 2 3 4 5 6 7 8 2 chunks +122 lines, -28 lines 0 comments Download
M LayoutTests/fast/alignment/parse-justify-items.html View 1 2 3 4 5 6 7 8 2 chunks +12 lines, -11 lines 0 comments Download
M LayoutTests/fast/alignment/parse-justify-items-expected.txt View 1 chunk +0 lines, -2 lines 0 comments Download
M LayoutTests/fast/alignment/parse-justify-self.html View 1 2 3 4 5 6 7 8 8 chunks +125 lines, -69 lines 0 comments Download
M LayoutTests/fast/alignment/parse-justify-self-expected.txt View 1 2 3 4 5 6 7 8 2 chunks +122 lines, -29 lines 0 comments Download
M LayoutTests/fast/alignment/resources/alignment-parsing-utils.js View 1 2 3 4 5 6 7 8 1 chunk +13 lines, -18 lines 0 comments Download
M LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt View 1 2 3 4 2 chunks +4 lines, -2 lines 0 comments Download
M LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt View 1 2 3 4 2 chunks +4 lines, -2 lines 0 comments Download
M LayoutTests/fast/css/getComputedStyle/resources/property-names.js View 1 2 3 4 1 chunk +2 lines, -0 lines 0 comments Download
M LayoutTests/svg/css/getComputedStyle-basic-expected.txt View 1 2 3 4 4 chunks +12 lines, -4 lines 0 comments Download
M Source/core/css/CSSComputedStyleDeclaration.cpp View 1 2 3 4 5 6 7 8 3 chunks +18 lines, -53 lines 0 comments Download
M Source/core/css/resolver/StyleAdjuster.h View 1 2 3 4 5 6 7 8 1 chunk +1 line, -0 lines 0 comments Download
M Source/core/css/resolver/StyleAdjuster.cpp View 1 2 3 4 5 6 7 8 1 chunk +54 lines, -0 lines 0 comments Download
M Source/core/rendering/RenderFlexibleBox.cpp View 1 2 3 4 5 6 1 chunk +1 line, -1 line 0 comments Download
M Source/core/rendering/RenderGrid.cpp View 1 2 3 4 5 6 1 chunk +1 line, -1 line 0 comments Download
M Source/core/rendering/style/RenderStyle.h View 1 2 3 7 8 1 chunk +1 line, -1 line 0 comments Download
M Source/core/rendering/style/RenderStyle.cpp View 1 2 3 7 8 1 chunk +3 lines, -1 line 0 comments Download

Messages

Total messages: 49 (0 generated)
jfernandez
This is the initial implementation of what I think is the right way to resolve ...
6 years, 5 months ago (2014-07-03 13:22:57 UTC) #1
Timothy Loh
I think the logic here should be in the StyleBuilder instead of adjustRenderStyle (unless we ...
6 years, 5 months ago (2014-07-04 01:26:41 UTC) #2
Julien - ping for review
On 2014/07/04 at 01:26:41, timloh wrote: > I think the logic here should be in ...
6 years, 5 months ago (2014-07-08 16:05:39 UTC) #3
jfernandez
Hi, thanks for the review. On 2014/07/04 01:26:41, Timothy Loh wrote: > I think the ...
6 years, 5 months ago (2014-07-09 13:09:09 UTC) #4
jfernandez
Hi Julien, On 2014/07/08 16:05:39, Julien Chaffraix - PST wrote: > > https://codereview.chromium.org/363133003/diff/20001/Source/core/rendering/RenderGridTest.cpp > File ...
6 years, 5 months ago (2014-07-09 13:14:52 UTC) #5
esprehn
Why isn't this going to break all the existing flexbox content? https://codereview.chromium.org/363133003/diff/20001/LayoutTests/fast/alignment/parse-align-items-expected.txt File LayoutTests/fast/alignment/parse-align-items-expected.txt (right): ...
6 years, 5 months ago (2014-07-11 22:38:10 UTC) #6
jfernandez
On 2014/07/11 22:38:10, esprehn wrote: > Why isn't this going to break all the existing ...
6 years, 5 months ago (2014-07-11 22:52:40 UTC) #7
esprehn
Why not make the initial value ItemPositionStart and then only change it to Stretch for ...
6 years, 5 months ago (2014-07-12 00:39:19 UTC) #8
jfernandez
On 2014/07/12 00:39:19, esprehn wrote: > Why not make the initial value ItemPositionStart and then ...
6 years, 5 months ago (2014-07-12 09:35:31 UTC) #9
jfernandez
Hi, On 2014/07/12 00:39:19, esprehn wrote: > Why not make the initial value ItemPositionStart and ...
6 years, 5 months ago (2014-07-13 15:09:20 UTC) #10
Julien - ping for review
> Why not make the initial value ItemPositionStart and then only change it to Stretch ...
6 years, 5 months ago (2014-07-14 15:57:38 UTC) #11
jfernandez
On 2014/07/14 15:57:38, Julien Chaffraix - PST wrote: > > Why not make the initial ...
6 years, 5 months ago (2014-07-14 16:42:56 UTC) #12
Julien - ping for review
Please use the UI to reply to comment, not just reply to the email as ...
6 years, 5 months ago (2014-07-14 17:16:54 UTC) #13
Julien - ping for review
> So, I think we have an agreement on the approach to follow ? I ...
6 years, 5 months ago (2014-07-14 17:18:56 UTC) #14
jfernandez
On 2014/07/14 17:18:56, Julien Chaffraix - PST wrote: > > So, I think we have ...
6 years, 5 months ago (2014-07-14 21:15:32 UTC) #15
Timothy Loh
On 2014/07/14 16:42:56, jfernandez wrote: > So, I think we have an agreement on the ...
6 years, 5 months ago (2014-07-16 01:10:48 UTC) #16
jfernandez
When running the flexbox layout tests I've detected some failures due to the lack of ...
6 years, 5 months ago (2014-07-16 23:52:51 UTC) #17
jfernandez
Could anybody provide additional feedback on this ? Even though it got lgtm already, I ...
6 years, 5 months ago (2014-07-21 22:58:48 UTC) #18
Julien - ping for review
Still looks fine with these comments fixed. https://codereview.chromium.org/363133003/diff/60001/LayoutTests/css3/flexbox/css-properties.html File LayoutTests/css3/flexbox/css-properties.html (right): https://codereview.chromium.org/363133003/diff/60001/LayoutTests/css3/flexbox/css-properties.html#newcode81 LayoutTests/css3/flexbox/css-properties.html:81: flexbox.style.display = ...
6 years, 5 months ago (2014-07-22 01:57:00 UTC) #19
jfernandez
Applied suggested changes and prepared the patch to land. https://codereview.chromium.org/363133003/diff/60001/LayoutTests/css3/flexbox/css-properties.html File LayoutTests/css3/flexbox/css-properties.html (right): https://codereview.chromium.org/363133003/diff/60001/LayoutTests/css3/flexbox/css-properties.html#newcode81 LayoutTests/css3/flexbox/css-properties.html:81: ...
6 years, 5 months ago (2014-07-23 21:42:27 UTC) #20
jfernandez
The CQ bit was checked by jfernandez@igalia.com
6 years, 5 months ago (2014-07-23 21:42:52 UTC) #21
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-status.appspot.com/cq/jfernandez@igalia.com/363133003/80001
6 years, 5 months ago (2014-07-23 21:43:26 UTC) #22
jfernandez
The CQ bit was checked by jfernandez@igalia.com
6 years, 5 months ago (2014-07-23 23:22:53 UTC) #23
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-status.appspot.com/cq/jfernandez@igalia.com/363133003/100001
6 years, 5 months ago (2014-07-23 23:24:06 UTC) #24
commit-bot: I haz the power
FYI, CQ is re-trying this CL (attempt #1). The failing builders are: linux_blink_dbg on tryserver.blink ...
6 years, 5 months ago (2014-07-24 05:24:48 UTC) #25
commit-bot: I haz the power
The CQ bit was unchecked by commit-bot@chromium.org
6 years, 5 months ago (2014-07-24 05:35:44 UTC) #26
commit-bot: I haz the power
Try jobs failed on following builders: linux_blink_dbg on tryserver.blink (http://build.chromium.org/p/tryserver.blink/builders/linux_blink_dbg/builds/17820)
6 years, 5 months ago (2014-07-24 05:35:45 UTC) #27
jfernandez
The CQ bit was checked by jfernandez@igalia.com
6 years, 5 months ago (2014-07-24 08:30:34 UTC) #28
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-status.appspot.com/cq/jfernandez@igalia.com/363133003/100001
6 years, 5 months ago (2014-07-24 08:31:16 UTC) #29
commit-bot: I haz the power
FYI, CQ is re-trying this CL (attempt #1). The failing builders are: linux_blink_dbg on tryserver.blink ...
6 years, 5 months ago (2014-07-24 09:17:37 UTC) #30
commit-bot: I haz the power
The CQ bit was unchecked by commit-bot@chromium.org
6 years, 5 months ago (2014-07-24 09:28:52 UTC) #31
commit-bot: I haz the power
Try jobs failed on following builders: linux_blink_dbg on tryserver.blink (http://build.chromium.org/p/tryserver.blink/builders/linux_blink_dbg/builds/17852)
6 years, 5 months ago (2014-07-24 09:28:54 UTC) #32
jfernandez
The CQ bit was checked by jfernandez@igalia.com
6 years, 5 months ago (2014-07-24 09:46:13 UTC) #33
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-status.appspot.com/cq/jfernandez@igalia.com/363133003/100001
6 years, 5 months ago (2014-07-24 09:47:21 UTC) #34
commit-bot: I haz the power
FYI, CQ is re-trying this CL (attempt #1). The failing builders are: linux_blink_dbg on tryserver.blink ...
6 years, 5 months ago (2014-07-24 10:12:22 UTC) #35
commit-bot: I haz the power
The CQ bit was unchecked by commit-bot@chromium.org
6 years, 5 months ago (2014-07-24 10:20:36 UTC) #36
commit-bot: I haz the power
Try jobs failed on following builders: linux_blink_dbg on tryserver.blink (http://build.chromium.org/p/tryserver.blink/builders/linux_blink_dbg/builds/17860)
6 years, 5 months ago (2014-07-24 10:20:38 UTC) #37
jfernandez
It seems that the RenderFullScreen class derives from RenderFlexibleBox, not sure the reason behind that, ...
6 years, 5 months ago (2014-07-25 00:38:54 UTC) #38
esprehn
On 2014/07/25 at 00:38:54, jfernandez wrote: > ... > > The last patch introduces a ...
6 years, 5 months ago (2014-07-25 00:43:38 UTC) #39
jfernandez
A new approach implemented in the last patch; it's similar to the last one approved ...
6 years, 4 months ago (2014-07-27 00:07:32 UTC) #40
svillar
Not my field of expertise, but I'll informally review. https://codereview.chromium.org/363133003/diff/180001/Source/core/css/CSSComputedStyleDeclaration.cpp File Source/core/css/CSSComputedStyleDeclaration.cpp (right): https://codereview.chromium.org/363133003/diff/180001/Source/core/css/CSSComputedStyleDeclaration.cpp#newcode1561 Source/core/css/CSSComputedStyleDeclaration.cpp:1561: ...
6 years, 4 months ago (2014-07-29 10:40:06 UTC) #41
Manuel Rego
6 years, 4 months ago (2014-07-30 12:42:31 UTC) #42
jfernandez
I had to do several changes in my patch, manly because of how the RenderFlexibleBox ...
6 years, 4 months ago (2014-07-30 14:16:47 UTC) #43
esprehn
This lgtm, but the tests are way too big. Can you please break the tests ...
6 years, 4 months ago (2014-07-31 00:50:28 UTC) #44
jfernandez
Trying CQ now, but ill provide better and smaller tests in the next patches. https://codereview.chromium.org/363133003/diff/200001/LayoutTests/fast/alignment/parse-align-items.html ...
6 years, 4 months ago (2014-07-31 10:29:53 UTC) #45
jfernandez
The CQ bit was checked by jfernandez@igalia.com
6 years, 4 months ago (2014-07-31 10:30:01 UTC) #46
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-status.appspot.com/cq/jfernandez@igalia.com/363133003/200001
6 years, 4 months ago (2014-07-31 10:30:23 UTC) #47
commit-bot: I haz the power
FYI, CQ is re-trying this CL (attempt #1). The failing builders are: linux_blink_dbg on tryserver.blink ...
6 years, 4 months ago (2014-07-31 11:38:53 UTC) #48
commit-bot: I haz the power
6 years, 4 months ago (2014-07-31 12:41:22 UTC) #49
Message was sent while issue was closed.
Change committed as 179307

Powered by Google App Engine
This is Rietveld 408576698