- From: vwkd via GitHub <sysbot+gh@w3.org>
- Date: Sun, 22 Aug 2021 14:51:32 +0000
- To: public-css-archive@w3.org
vwkd has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-flexbox] placeholder pseudo-element fails to be flex item ==
I couldn't find anything in the spec related to why Flexbox doesn't apply to the `::placeholder` pseudo-element of `<input>` and `<textarea>` elements.
Yet in none of Chrome, Firefox and Safari I could get it to align using the Flexbox alignment properties. Meanwhile, `::before` and `::after` pseudo-elements align just fine using Flexbox.
I'm opening this issue to clarify if this is a browser bug that happens to be present in all browsers, or if I'm missing something in the Flexbox spec.
---
Example:
```css
textarea {
height: 10rem;
display: flex;
/* should align placeholder center center */
align-items: center;
justify-content: center;
}
input {
height: 10rem;
display: flex;
/* should align placeholder top center */
align-items: flex-start;
justify-content: center;
}
```
```html
<textarea placeholder="Some text"></textarea>
<input placeholder="Some text" />
```
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6536 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Sunday, 22 August 2021 14:51:34 UTC