New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[css-grid] Grid align justify tests #20088
[css-grid] Grid align justify tests #20088
Conversation
[css-pseudo] Implement parsing for ::marker pseudo-element
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It seems some test fail for Safari:
- css/css-grid/alignment/grid-align-justify-overflow.html
- css/css-grid/alignment/grid-align-justify-stretch-with-orthogonal-flows.html
Could you please verify it ?
|
||
<div> | ||
<p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br> | ||
direction: LTR (ortho) | align-items: 'self-start' | justify-items: 'self-start'</p> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The purpose of the 'self-start' value is to use the flow direction (either inline-flow or block-flow) of the child, instead of the container's one. In this case, we are using the same block-flow direction for children (vertical-lr, inherited from the container) but we are changing the chidlren's inline-flow direction (RTL).
This is why we are getting different results for the CSS property controlling the inline-axis (or column-axis, since we are testing a grid layout case), which is the justify-self property. Note that align-items: self-start provides the same behavior than align-item: start.
So, I think it could be a good idea to clarify this in the text above the test case, so that we can understand the test results and why the test case is rendered this way. Maybe something like this:
direction: LTR (ortho) | align-items: 'self-start' (vertical-lr)| justify-items: 'self-start' (RTL)
I think the term (ortho) in the direction tries to add such information, but I think it's not clear enough; what do you think ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Being the subject a bit complicated, it is surely a good idea to give some clearer info in the explanatory
. I will change it accordingly where needed, here and in the vertical-rl file, and push a new commit.
The alignment tests in question have been moved from WebKit to WPT with the following PR: * #19828 * #20088 * #19809 * #19665 * #20110 The removed tests that are now in WPT can be found under: third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ This patch removes the outdated version of the tests from third_party/blink/web_tests/fast/css-grid-layout/ Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6
The alignment tests in question have been moved from WebKit to WPT with the following PR: * #19828 * #20088 * #19809 * #19665 * #20110 The removed tests that are now in WPT can be found under: third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ This patch removes the outdated version of the tests from third_party/blink/web_tests/fast/css-grid-layout/ Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 Commit-Queue: Manuel Rego <rego@igalia.com> Reviewed-by: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729346}
The alignment tests in question have been moved from WebKit to WPT with the following PR: * web-platform-tests#19828 * web-platform-tests#20088 * web-platform-tests#19809 * web-platform-tests#19665 * web-platform-tests#20110 The removed tests that are now in WPT can be found under: third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ This patch removes the outdated version of the tests from third_party/blink/web_tests/fast/css-grid-layout/ Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 Commit-Queue: Manuel Rego <rego@igalia.com> Reviewed-by: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729346}
The alignment tests in question have been moved from WebKit to WPT with the following PR: * web-platform-tests/wpt#19828 * web-platform-tests/wpt#20088 * web-platform-tests/wpt#19809 * web-platform-tests/wpt#19665 * web-platform-tests/wpt#20110 The removed tests that are now in WPT can be found under: third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ This patch removes the outdated version of the tests from third_party/blink/web_tests/fast/css-grid-layout/ Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 Commit-Queue: Manuel Rego <rego@igalia.com> Reviewed-by: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729346}
The alignment tests in question have been moved from WebKit to WPT with the following PR: * #19828 * #20088 * #19809 * #19665 * #20110 The removed tests that are now in WPT can be found under: third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ This patch removes the outdated version of the tests from third_party/blink/web_tests/fast/css-grid-layout/ Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 Commit-Queue: Manuel Rego <rego@igalia.com> Reviewed-by: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729346} Co-authored-by: _Ros_ <rmonteriso@igalia.com>
This reverts commit 514a76b7b6287b8e34d200cf51e666d3ee32e511. Reason for revert: This was removing the tests from the wrong location, it was removing them from WPT folder instead of fast/css-grid-layout/. Original change's description: > [css-grid] Remove outdated css-grid-layout alignment tests > > The alignment tests in question have been moved from WebKit to WPT > with the following PR: > * #19828 > * #20088 > * #19809 > * #19665 > * #20110 > > The removed tests that are now in WPT can be found under: > third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ > > This patch removes the outdated version of the tests from > third_party/blink/web_tests/fast/css-grid-layout/ > > Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 > Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 > Commit-Queue: Manuel Rego <rego@igalia.com> > Reviewed-by: Manuel Rego <rego@igalia.com> > Cr-Commit-Position: refs/heads/master@{#729346} TBR=jfernandez@igalia.com,rego@igalia.com,obrufau@igalia.com,rmonteriso@igalia.com # Not skipping CQ checks because original CL landed > 1 day ago. Change-Id: I18d98894d82e9800024d0fd23ee11c82432a0e64
This reverts commit 514a76b7b6287b8e34d200cf51e666d3ee32e511. Reason for revert: This was removing the tests from the wrong location, it was removing them from WPT folder instead of fast/css-grid-layout/. Original change's description: > [css-grid] Remove outdated css-grid-layout alignment tests > > The alignment tests in question have been moved from WebKit to WPT > with the following PR: > * #19828 > * #20088 > * #19809 > * #19665 > * #20110 > > The removed tests that are now in WPT can be found under: > third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ > > This patch removes the outdated version of the tests from > third_party/blink/web_tests/fast/css-grid-layout/ > > Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 > Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 > Commit-Queue: Manuel Rego <rego@igalia.com> > Reviewed-by: Manuel Rego <rego@igalia.com> > Cr-Commit-Position: refs/heads/master@{#729346} TBR=jfernandez@igalia.com,rego@igalia.com,obrufau@igalia.com,rmonteriso@igalia.com # Not skipping CQ checks because original CL landed > 1 day ago. Change-Id: I18d98894d82e9800024d0fd23ee11c82432a0e64 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1993801 Reviewed-by: Manuel Rego <rego@igalia.com> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729932}
This reverts commit 514a76b7b6287b8e34d200cf51e666d3ee32e511. Reason for revert: This was removing the tests from the wrong location, it was removing them from WPT folder instead of fast/css-grid-layout/. Original change's description: > [css-grid] Remove outdated css-grid-layout alignment tests > > The alignment tests in question have been moved from WebKit to WPT > with the following PR: > * #19828 > * #20088 > * #19809 > * #19665 > * #20110 > > The removed tests that are now in WPT can be found under: > third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ > > This patch removes the outdated version of the tests from > third_party/blink/web_tests/fast/css-grid-layout/ > > Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 > Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 > Commit-Queue: Manuel Rego <rego@igalia.com> > Reviewed-by: Manuel Rego <rego@igalia.com> > Cr-Commit-Position: refs/heads/master@{#729346} TBR=jfernandez@igalia.com,rego@igalia.com,obrufau@igalia.com,rmonteriso@igalia.com # Not skipping CQ checks because original CL landed > 1 day ago. Change-Id: I18d98894d82e9800024d0fd23ee11c82432a0e64 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1993801 Reviewed-by: Manuel Rego <rego@igalia.com> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729932}
This reverts commit 514a76b. Reason for revert: This was removing the tests from the wrong location, it was removing them from WPT folder instead of fast/css-grid-layout/. Original change's description: > [css-grid] Remove outdated css-grid-layout alignment tests > > The alignment tests in question have been moved from WebKit to WPT > with the following PR: > * web-platform-tests/wpt#19828 > * web-platform-tests/wpt#20088 > * web-platform-tests/wpt#19809 > * web-platform-tests/wpt#19665 > * web-platform-tests/wpt#20110 > > The removed tests that are now in WPT can be found under: > third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ > > This patch removes the outdated version of the tests from > third_party/blink/web_tests/fast/css-grid-layout/ > > Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 > Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 > Commit-Queue: Manuel Rego <rego@igalia.com> > Reviewed-by: Manuel Rego <rego@igalia.com> > Cr-Commit-Position: refs/heads/master@{#729346} TBR=jfernandez@igalia.com,rego@igalia.com,obrufau@igalia.com,rmonteriso@igalia.com # Not skipping CQ checks because original CL landed > 1 day ago. Change-Id: I18d98894d82e9800024d0fd23ee11c82432a0e64 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1993801 Reviewed-by: Manuel Rego <rego@igalia.com> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729932}
This is a reland of 514a76b Original change's description: > The alignment tests in question have been moved from WebKit to WPT with the following PR: > * web-platform-tests/wpt#19828 > * web-platform-tests/wpt#20088 > * web-platform-tests/wpt#19809 > * web-platform-tests/wpt#19665 > * web-platform-tests/wpt#20110 > > The removed tests that are now in WPT can be found under: > third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ > This patch removes the outdated version of the tests from > third_party/blink/web_tests/fast/css-grid-layout/ > Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 > Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 > Commit-Queue: Manuel Rego <rego@igalia.com> > Reviewed-by: Manuel Rego <rego@igalia.com> > Cr-Commit-Position: refs/heads/master@{#729346} Change-Id: Icce03111d6107929510fcafcf061c02dcc846cdc Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1997105 Reviewed-by: Manuel Rego <rego@igalia.com> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#731350}
…rid-layout alignment tests", a=testonly Automatic update from web-platform-tests Revert "[css-grid] Remove outdated css-grid-layout alignment tests" This reverts commit 514a76b7b6287b8e34d200cf51e666d3ee32e511. Reason for revert: This was removing the tests from the wrong location, it was removing them from WPT folder instead of fast/css-grid-layout/. Original change's description: > [css-grid] Remove outdated css-grid-layout alignment tests > > The alignment tests in question have been moved from WebKit to WPT > with the following PR: > * web-platform-tests/wpt#19828 > * web-platform-tests/wpt#20088 > * web-platform-tests/wpt#19809 > * web-platform-tests/wpt#19665 > * web-platform-tests/wpt#20110 > > The removed tests that are now in WPT can be found under: > third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ > > This patch removes the outdated version of the tests from > third_party/blink/web_tests/fast/css-grid-layout/ > > Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 > Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 > Commit-Queue: Manuel Rego <rego@igalia.com> > Reviewed-by: Manuel Rego <rego@igalia.com> > Cr-Commit-Position: refs/heads/master@{#729346} TBR=jfernandez@igalia.com,rego@igalia.com,obrufau@igalia.com,rmonteriso@igalia.com # Not skipping CQ checks because original CL landed > 1 day ago. Change-Id: I18d98894d82e9800024d0fd23ee11c82432a0e64 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1993801 Reviewed-by: Manuel Rego <rego@igalia.com> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729932} -- wpt-commits: 2a73e37c60b18846d9d2798c845242f209d74644 wpt-pr: 21120
…rid-layout alignment tests", a=testonly Automatic update from web-platform-tests Revert "[css-grid] Remove outdated css-grid-layout alignment tests" This reverts commit 514a76b7b6287b8e34d200cf51e666d3ee32e511. Reason for revert: This was removing the tests from the wrong location, it was removing them from WPT folder instead of fast/css-grid-layout/. Original change's description: > [css-grid] Remove outdated css-grid-layout alignment tests > > The alignment tests in question have been moved from WebKit to WPT > with the following PR: > * web-platform-tests/wpt#19828 > * web-platform-tests/wpt#20088 > * web-platform-tests/wpt#19809 > * web-platform-tests/wpt#19665 > * web-platform-tests/wpt#20110 > > The removed tests that are now in WPT can be found under: > third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ > > This patch removes the outdated version of the tests from > third_party/blink/web_tests/fast/css-grid-layout/ > > Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 > Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 > Commit-Queue: Manuel Rego <rego@igalia.com> > Reviewed-by: Manuel Rego <rego@igalia.com> > Cr-Commit-Position: refs/heads/master@{#729346} TBR=jfernandez@igalia.com,rego@igalia.com,obrufau@igalia.com,rmonteriso@igalia.com # Not skipping CQ checks because original CL landed > 1 day ago. Change-Id: I18d98894d82e9800024d0fd23ee11c82432a0e64 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1993801 Reviewed-by: Manuel Rego <rego@igalia.com> Commit-Queue: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729932} -- wpt-commits: 2a73e37c60b18846d9d2798c845242f209d74644 wpt-pr: 21120
Test that the following properties for CSS grid are correctly working for align and justify: