layout: Add missing support for some alignment keywords on absolutely positioned elements (#34365)

* Add missing support for some alignment keywords on absolutely positioned elements

Signed-off-by: taniishkaaa <tanishkasingh2004@gmail.com>

* Check the direction of the alignment container, nits, test expectations

In this case we need to check the direction of the static position
containing block, not the actual containing block:
```html
<!DOCTYPE html>
<div style="position: relative">
  <div style="display: flex; flex-direction: column; width: 100px; height: 100px; border: solid; direction: rtl">
    <div style="position: absolute; width: 20px; height: 20px; background: cyan; top: 20px; align-self: self-start"></div>
    <div style="position: absolute; width: 20px; height: 20px; background: magenta; bottom: 20px; align-self: self-end"></div>
  </div>
</div>
```

Signed-off-by: Oriol Brufau <obrufau@igalia.com>

---------

Signed-off-by: taniishkaaa <tanishkasingh2004@gmail.com>
Signed-off-by: Oriol Brufau <obrufau@igalia.com>
Co-authored-by: Oriol Brufau <obrufau@igalia.com>
This commit is contained in:
tanishka 2024-12-05 17:03:09 +05:30 committed by GitHub
parent d93e6f76a1
commit bba3bc6ac2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 77 additions and 86 deletions

View file

@ -2,11 +2,5 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 13]
expected: FAIL
[.item 15]
expected: FAIL

View file

@ -2,11 +2,11 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 13]
expected: FAIL
[.item 14]
expected: FAIL
[.item 15]
expected: FAIL

View file

@ -2,11 +2,11 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 13]
expected: FAIL
[.item 14]
expected: FAIL
[.item 15]
expected: FAIL

View file

@ -2,11 +2,5 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 13]
expected: FAIL
[.item 15]
expected: FAIL

View file

@ -2,11 +2,11 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 13]
expected: FAIL
[.item 14]
expected: FAIL
[.item 15]
expected: FAIL

View file

@ -2,11 +2,11 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 13]
expected: FAIL
[.item 14]
expected: FAIL
[.item 15]
expected: FAIL

View file

@ -2,17 +2,5 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 9]
expected: FAIL
[.item 15]
expected: FAIL
[.item 16]
expected: FAIL
[.item 19]
expected: FAIL

View file

@ -2,17 +2,11 @@
[.item 5]
expected: FAIL
[.item 7]
expected: FAIL
[.item 9]
expected: FAIL
[.item 15]
expected: FAIL
[.item 17]
expected: FAIL
[.item 19]
[.item 16]
expected: FAIL

View file

@ -5,14 +5,8 @@
[.item 6]
expected: FAIL
[.item 9]
expected: FAIL
[.item 15]
expected: FAIL
[.item 16]
expected: FAIL
[.item 19]
[.item 7]
expected: FAIL

View file

@ -2,17 +2,5 @@
[.item 5]
expected: FAIL
[.item 6]
expected: FAIL
[.item 8]
expected: FAIL
[.item 15]
expected: FAIL
[.item 17]
expected: FAIL
[.item 18]
expected: FAIL

View file

@ -2,17 +2,11 @@
[.item 5]
expected: FAIL
[.item 6]
expected: FAIL
[.item 8]
expected: FAIL
[.item 15]
expected: FAIL
[.item 16]
expected: FAIL
[.item 18]
[.item 17]
expected: FAIL

View file

@ -5,14 +5,8 @@
[.item 7]
expected: FAIL
[.item 8]
expected: FAIL
[.item 15]
expected: FAIL
[.item 17]
expected: FAIL
[.item 18]
[.item 6]
expected: FAIL