[wpt-sync] Sync PR 37277 - [initial-letter] Use baseline alignment for drop, raise, sunken initail
Categories
(Core :: Layout: Block and Inline, task, P4)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox109 | --- | fixed |
People
(Reporter: wpt-sync, Unassigned)
References
()
Details
(Whiteboard: [wptsync downstream])
Sync web-platform-tests PR 37277 into mozilla-central (this bug is closed when the sync is complete).
PR: https://github.com/web-platform-tests/wpt/pull/37277
Details from upstream follow.
Yoshifuim Inoue <yosin@chromium.org> wrote:
[initial-letter] Use baseline alignment for drop, raise, sunken initail
This patch changes
ComputeInitialLetterBoxBlockOffset()to use
baseline alignment instead of line-under alignment when initial-letter
size >= sink, e.g.initial-letter: 3 drop,initial-letter: 3 raise,
initial-letter: 3 2to match the spec[1][2].This patch also introduces new test:
initial-letter-text-decoration-underline.html
for verifying baseline alignment and underline for the open issue
887[5].Detals
The spec says[2]:
If its size is greater than or equal to its sink, the initial letter is
positioned to satisfy its under alignment, and then shifted by
--------------------------^^^^^^^^^^^^^^^
(sink - 1) × line-height of containing block towards the containing block’s
block end.The spec says[3]:
This property specifies the alignment points used to size and position an
initial letter. Two sets of alignment points are necessary:
the over and under alignment points of the initial letter are matched to
-------------^^^^^^^^^^^^^^^
corresponding over and under points of the root inline box.Before this patch, Blink uses "line-under"[4], the link is pointed to.
After this patch, Blink uses "baseline" as
initial-letter-align: alphabetic[1].[1] https://drafts.csswg.org/css-inline-3/#valdef-initial-letter-align-alphabetic
[2] https://drafts.csswg.org/css-inline-3/#initial-letter-block-position
[3] https://drafts.csswg.org/css-inline-3/#aligning-initial-letter
[4] https://drafts.csswg.org/css-writing-modes-4/#under
[5] https://github.com/w3c/csswg-drafts/issues/887Bug: 1276900
Change-Id: I99e0b535f13350856187a5d2af8136c7eef78f80Reviewed-on: https://chromium-review.googlesource.com/4067085
WPT-Export-Revision: 7950ca2f4b7ff9508e87ff94865c504de7fd1b38
| Assignee | ||
Comment 1•3 years ago
|
||
| Assignee | ||
Updated•3 years ago
|
| Assignee | ||
Comment 2•3 years ago
|
||
| Assignee | ||
Comment 3•3 years ago
|
||
CI Results
Ran 9 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI
Total 36 tests
Status Summary
Firefox
FAIL: 36
Chrome
FAIL: 36
Safari
FAIL: 36
Links
Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base
Details
New Tests That Don't Pass
- /css/css-inline/initial-letter/Initial-letter-breaking-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/Initial-letter-breaking-vlr.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/Initial-letter-breaking-vrl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/Initial-letter-breaking.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-drop-over-ruby-tall.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-drop-over-ruby.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-drop-under-ruby-tall.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-drop-under-ruby.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-margins-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-margins.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-raise-over-ruby-tall.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-raise-over-ruby.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-raise-under-ruby-tall.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-block-position-raise-under-ruby.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-drop-initial-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-drop-initial.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-float-001-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-float-001.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-float-002.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-float-003.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-float-004.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-float-005.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-indentation-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-indentation.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-layout-text-decoration-underline.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-raise-initial-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-raise-initial.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-raised-sunken-caps-raise.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-raised-sunken-caps-sunken.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-short-para-initial-letter-clears.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-short-para-initial-letter-wraps.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-sunk-initial-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-sunk-initial.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-with-first-line.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-with-tab-rtl.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL) - /css/css-inline/initial-letter/initial-letter-with-tab.html [wpt.fyi]:
FAIL(Chrome:FAIL, Safari:FAIL)
Comment 5•3 years ago
|
||
| bugherder | ||
https://hg.mozilla.org/mozilla-central/rev/fa33e0c2d269
https://hg.mozilla.org/mozilla-central/rev/079bf65fa18c
Description
•