Skip to content

Commit 1118704

Browse files
committed
[css-forms-1] Add textarea to pseudo elements table
Also add placeholder pseudo to definitions
1 parent fc18e62 commit 1118704

1 file changed

Lines changed: 35 additions & 2 deletions

File tree

css-forms-1/Overview.bs

Lines changed: 35 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -254,6 +254,10 @@ Markup Shorthands: css yes, markdown yes
254254
<td>`<input type=color>`</td>
255255
<td>''::color-swatch''</td>
256256
</tr>
257+
<tr>
258+
<td>`<textarea>`</td>
259+
<td>See [[#textarea-pseudos]]</td>
260+
</tr>
257261
<tr>
258262
<td>`<select>`</td>
259263
<td>''::picker-icon''</td>
@@ -370,6 +374,11 @@ Markup Shorthands: css yes, markdown yes
370374
## Styling Parts for Text Fields: the ''::field-text'' and ''::clear-icon'' pseudo-elements ## {#field-pseudos}
371375

372376
<dl export>
377+
<dt><dfn>''::placeholder''</dfn>
378+
<dd>
379+
The ''::placeholder'' pseudo-element represents
380+
the portion of the <{input}> that contains the placeholder text.
381+
373382
<dt><dfn>::field-text</dfn>
374383
<dd>
375384
The ''::field-text'' pseudo-element represents
@@ -385,11 +394,35 @@ Markup Shorthands: css yes, markdown yes
385394
With ''appearance: textfield'', the user agent must not generate this part.
386395
</dl>
387396

388-
''::field-text'' and ''::clear-icon'' must be siblings.
397+
''::placeholder'', ''::field-text'' and ''::clear-icon'' must be siblings.
389398

390399
ISSUE: Collect parts used by autofill.
391400

392-
ISSUE: Define something for the password visibility toggle for user agents implementing it?
401+
ISSUE(11845): Define something for the password visibility toggle for user agents implementing it?
402+
403+
## Styling Parts for textareas: the ''::placeholder'' and ''::field-text'' pseudo-elements ## {#textarea-pseudos}
404+
405+
<dl export>
406+
<dt><span>''::placeholder''</span>
407+
<dd>
408+
The ''::placeholder'' pseudo-element represents
409+
the portion of the <{textarea}> that contains the placeholder text.
410+
411+
<dt><span>''::field-text''</span>
412+
<dd>
413+
The ''::field-text'' pseudo-element represents
414+
the portion of the <{textarea}> that contains the editable text.
415+
</dl>
416+
417+
Their structure is defined as follows:
418+
419+
```
420+
<textarea>
421+
├─ ::placeholder
422+
└─ ::field-text
423+
```
424+
425+
ISSUE(11850): Define something for the resizer.
393426

394427
## Styling Parts for Number Fields: the ''::step-control'', ''::step-up'' and ''::step-down'' pseudo-elements ## {#number-pseudos}
395428

0 commit comments

Comments
 (0)