791984 - Would like a way to align a label with the baseline of the first line of a textarea

Status: RESOLVED WORKSFORME

(Core :: CSS Parsing and Computation, defect)

Description

[Victor Costan]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_1) AppleWebKit/537.10 (KHTML, like Gecko) Chrome/23.0.1262.0 Safari/537.10

Steps to reproduce:

I'd like to use inline-box-align to have a <label>'s baseline align with the baseline of the first line in a multi-line <textarea>.


Actual results:

I used the Inspector Firefox doesn't seem to recognize inline-box-align.


Expected results:

I was hoping I can use inline-box-align: initial to have my <label> align with the <textarea>'s first line's baseline.

Spec: http://www.w3.org/TR/css3-linebox/#inline-box-align-prop

Comment 1

[:Ms2ger (he/him; ⌚ UTC+1/+2)]

We're certainly not implementing a spec that's over a decade old.

Comment 2

[Boris Zbarsky [:bzbarsky]]

Please don't wontfix bugs if you're not the component owner or soemone the component owner trusts to wontfix bugs...

That said, the spec linked to is deprecated.  Worse yet, <textarea> is a replaced element, not really an inline-block, so even if the property as specifed were implemented it would not help with the use case described.  If the use case is worth addressing, we need a different mechanism (or an extension of this mechanism to replaced elements?) to do it.

And _that_ said, using "vertical-align: baseline" on the textarea does what you seem to want.  Which is because the textarea is not really an inline-block, so its baseline is on the first line, not on the last one.  In Gecko.  Other UAs may differ, because the spec says nothing about where its baseline should go.