Bug 277022
| Summary: | Implement justify-self on blocks | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | fantasai <fantasai.bugs> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, dgrogan, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
fantasai
Overview:
justify-self is supposed to apply to block-level boxes
Spec:
https://www.w3.org/TR/css-align-3/#justify-block
Testcase:
https://software.hixie.ch/utilities/js/live-dom-viewer/?%3Cdiv%20style%3D%22border%3A%20solid%3B%20width%3A%2050%25%3B%20justify-self%3A%20center%22%3E%0Atest
Additional Info:
Here's an example of testcases for a different alignment property, in case that's a useful reference for writing WPTs:
https://fantasai.inkedblade.net/weblog/2023/align-content/tests/
Cases that need coverage include
- make sure it has no impact on floats
- check that it applies to all different kind of block-level elements (regular block boxes, flow roots, tables, etc.)
- check in ltr and rtl
- check impact on the static position of abspos items ('position: absolute; inset: auto')
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/132422418>