1432654 - [css-align] Incorrect computed value for 'baseline' and 'first baseline' values

Status: RESOLVED INVALID

(Firefox :: Untriaged, defect)

Description

[Javier Fernandez]

Attachment: test-baseline-syntax.html

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20180104112904

Steps to reproduce:

1- Load the attached test case


Actual results:

Once the test case is loaded it'll show the specified and computed values for align-self, justfy-self, align-items, justify-items and align-content CSS properties and the values that they should shown.

The five properties show incorrect computed values, and in some cases the specified value is also incorrect.


Expected results:

The loaded tests show that both specified and computed values match the expected one. 

This is the current syntax of the <baseline-position> values:

https://drafts.csswg.org/css-align-3/#typedef-baseline-position

Comment 1

[Mats Palmgren (inactive)]

We intentionally serialize 'first baseline' as 'baseline' due to the general
CSS spec rule that says that all values should be serialized to its shortest
possible form.

CSS Box Alignment even calls that out explicitly in this case at the URL
you gave:
"Note: Because they are equivalent, and 'baseline' is shorter, the CSSOM
serializes 'first baseline' as 'baseline'."

The results for the attached test in Nightly is:

test1: align-self specified-value is 'baseline' and it should be 'baseline'
test1: align-self computedStyle is 'baseline' and it should be 'first baseline'
test2: justify-self specified-value is 'baseline' and it should be 'first baseline'
test2: justify-self computedStyle is 'baseline' and it should be 'first baseline'
test3: align-items specified-value is 'last baseline' and it should be 'last baseline'
test3: align-items computedStyle is 'last baseline' and it should be 'last baseline'
test4: justify-items specified-value is 'baseline' and it should be 'baseline'
test4: justify-items computedStyle is 'baseline' and it should be 'first baseline'
test5: align-content specified-value is 'last baseline' and it should be 'last baseline'
test5: align-content computedStyle is 'last baseline' and it should be 'last baseline'

which seems correct per spec to me.