Re: [csswg-drafts] [css-pseudo] [css-selectors] Clarification: do ::placeholder/:placeholder-shown apply to <select>s’ “placeholder label option”? (#2517)

The CSS Working Group just discussed `Clarification: do ::placeholder/:placeholder-shown apply to <select>s' "placeholder label option"?`, and agreed to the following:

* `RESOLVED: Accept and add the :placeholder-select pseudo class and add a note for ::placeholder that we're interested in working on it`

<details><summary>The full IRC log of that discussion</summary>
&lt;dael> Topic: Clarification: do ::placeholder/:placeholder-shown apply to &lt;select>s' "placeholder label option"?<br>
&lt;astearns> s/[missed]/preffed/<br>
&lt;dael> github: https://github.com/w3c/csswg-drafts/issues/2517<br>
&lt;dael> Rossen_: Opened a while ago, added to agenda after a pass through issues.<br>
&lt;dael> fantasai: In case of s aselect the placeholder text is an element rather than an attribute<br>
&lt;dael> fantasai: Question is should ::placeholder match that so text inside can be styled? A little weird because not generating a new element, but it serves the same function<br>
&lt;dael> TabAtkins: Understand the use case and the complaints in the original post about how difficult this is to match this with a selector. I get the use case. A little concerns about compat, I'm betting :placeholder-shown is mostly on inputs.<br>
&lt;dael> TabAtkins: ::placeholder matching is complicated because inheritence, but we semi have that already<br>
&lt;dael> dbaron: Compat question is if people write input:placeholder-shown or :placeholder-shown<br>
&lt;dael> fantasai: And if they want the styling applied to those kinds of selects<br>
&lt;dael> florian: As for the pseudo element it's fuzzy b/c select is a replaced element so you can say actual isn't rendered and it is a psuedo. If that make sesne with appearance: none is an interesting question<br>
&lt;dael> TabAtkins: Don't want to get to idea select is entirely replaced. Doing some level of styling is useful<br>
&lt;dael> dbaron: One point of having web components is we can do something like that<br>
&lt;dael> TabAtkins: It would be be most optimal but we could come up with par. psuedo class and pseudo element<br>
&lt;dael> TabAtkins: Maybe we can jsut do pseudo class for now since it applies on the select?<br>
&lt;dael> fantasai: Prob solve the issue easiest because :placeholder-shown makes the placeholder the first child and you can style it<br>
&lt;dael> TabAtkins: True<br>
&lt;dael> TabAtkins: While I theoretical other language select would have more complex, in HTML it's the first child. Don't need an extra selector. Let's go with that<br>
&lt;dael> florian: Does styling of children of selection work?<br>
&lt;dael> TabAtkins: Don't remember, but I want to allow it<br>
&lt;dael> florian: We can start with that and see<br>
&lt;dael> Rossen_: Hearing yea for the pseudo class and wait on pseudo? Is that the proposal?<br>
&lt;dael> TabAtkins: I like that the best<br>
&lt;dael> Rossen_: Additional points?<br>
&lt;dael> fantasai: I can add a note in spec for ::placeholder that we're interested in doing this and looking for feedback<br>
&lt;dael> Rossen_: Prop: Accept and add the :placeholder-select pseudo class and add a note for ::placeholder that we're interested in working on it<br>
&lt;dael> Rossen_: Objections?<br>
&lt;dael> RESOLVED: Accept and add the :placeholder-select pseudo class and add a note for ::placeholder that we're interested in working on it<br>
&lt;dael> florian: I tested and if you try and style an option in a select it doesn't do anything<br>
&lt;dael> Rossen_: Okay<br>
&lt;dael> Rossen_: Where did you test? I think we support some of this in Edge<br>
&lt;dael> florian: FF and Chrome. Tried to style color<br>
&lt;dael> Rossen_: Interesting. Okay<br>
&lt;dael> Rossen_: We'll add the note and continue<br>
&lt;florian> same thing in safari<br>
&lt;dael> TabAtkins: florian did you jsut look or open it? When I open it in chrome options are styled<br>
&lt;dael> TabAtkins: I'm red color and bold stuff and non-selected are both. Selected is bold.<br>
&lt;TabAtkins> http://software.hixie.ch/utilities/js/live-dom-viewer/saved/6514<br>
&lt;TabAtkins> on chromeos<br>
&lt;dael> florian: Not here. Maybe OS dependent. It's a native appearance control<br>
&lt;dael> florian: Let's take it offline<br>
&lt;dael> Rossen_: Same works in Edge<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2517#issuecomment-454873854 using your GitHub account

Received on Wednesday, 16 January 2019 17:48:15 UTC