Re: [csswg-drafts] [css-overflow-5] Creating scroll-marker groups within which to select an active marker (#10916)

The CSS Working Group just discussed `[css-overflow-5] Creating scroll-marker groups within which to select an active marker`, and agreed to the following:

* `RESOLVED: Enabling active scroll marker styling and grouping should be done via CSS properties`

<details><summary>The full IRC log of that discussion</summary>
&lt;fantasai> flackr: ::scroll-marker() have an implicit element [missed]<br>
&lt;fantasai> flackr: but when using anchor tags to create scroll markers, the grouping mechanism needs to be explicit<br>
&lt;fantasai> flackr: currently proposal is to use ? as focusgroup<br>
&lt;fantasai> flackr: do we want to do this? should that be dependent on focusgroup existing?<br>
&lt;fantasai> flackr: should we add a specific attribute name or something on ancestor of elements?<br>
&lt;fantasai> flackr: My suggestion was stick with focusgroup as container of elements<br>
&lt;fantasai> flackr: ergonmically it means any time you create a group of scroll markers they will have arrow navigation among them<br>
&lt;fantasai> flackr: because that's what focusgroup does<br>
&lt;fantasai> flackr: it'll also pull in any focusable elements<br>
&lt;fantasai> Rossen6: what's the proposal?<br>
&lt;fantasai> flackr: outside of CSS, but would push for an attribute, either on links themselves to how radio buttons have a name<br>
&lt;fantasai> flackr: or attribute on an ancestor<br>
&lt;fantasai> flackr: to capture all of the anchors as a marker group<br>
&lt;fantasai> flackr: I would propose explicit name as more reasonable alternative<br>
&lt;fantasai> Rossen6: was this already socialized beyond CSS, with a11y or HTML folks?<br>
&lt;fantasai> flackr: original proposal was socialized<br>
&lt;kbabbitt> q+<br>
&lt;fantasai> Rossen6: seems reasonable for now...<br>
&lt;lea> q-<br>
&lt;fantasai> fantasai: this doesn't affect making a scroll marker, just navigation among them<br>
&lt;fantasai> flackr: we need to choose the active marker among a group of active markers<br>
&lt;fantasai> flackr: need a group to select from<br>
&lt;Rossen6> ack kbabbitt<br>
&lt;fantasai> kbabbitt: suggestion to change, alternative mechanism, was there feedback? or just something you were thinking about?<br>
&lt;fantasai> flackr: not based on author feedback, but more spec concern that focusgroup is not yet specced<br>
&lt;fantasai> flackr: so relying on a feature to develop the HTML version of this that still needs to pull out into its own spec<br>
&lt;fantasai> kbabbitt: but ?? does use a named identifier<br>
&lt;fantasai> flackr: if we have concrete proposal, happy to take to HTMLWG, but 'name' is not available :)<br>
&lt;kbabbitt> s/??/radio button group/<br>
&lt;fantasai> fantasai: would help to show your demo, so everyone has full context on what you're asking<br>
&lt;fantasai> s/demo/demo and markup/<br>
&lt;Zakim> fantasai, you wanted to ask robert to show the markup so everyone is on the same page<br>
&lt;fantasai> flackr: [projects demo of table of contents of a doc, dots on the right]<br>
&lt;fantasai> flackr: Look at source, we have &lt;ol focusgroup> on the table of contents, ancestor of all the related links<br>
&lt;fantasai> flackr: similarly we have focusgroup on an ancestor of all the circles<br>
&lt;fantasai> flackr: so that's created two scroll marker groups<br>
&lt;fantasai> flackr: where one is active in the left group and one is active in the right group<br>
&lt;fantasai> flackr: the inline links in the doc don't become active because not part of the group<br>
&lt;jarhar> q?<br>
&lt;fantasai> flackr: this is how written now. Alternative would be possibly some sort of name attribute on each link<br>
&lt;kizu> q+<br>
&lt;fantasai> flackr: or add any attribute on an ancestor<br>
&lt;fantasai> fantasai: styling the active one with ...?<br>
&lt;fantasai> flackr: :checked right now. Issue about bikeshedding that name?<br>
&lt;Rossen6> q?<br>
&lt;Rossen6> ack kizu<br>
&lt;fantasai> kizu: I like this proposal, focusgroup sounds like a good way to grou pit<br>
&lt;fantasai> kizu: only thing to have that would be nice would be to opt-out some of the ??<br>
&lt;fantasai> kizu: you might want some of the items excluded, only use prior items. Or even highlight multiple...?<br>
&lt;fantasai> kizu: I guess can just use :has(:checked)<br>
&lt;fantasai> kizu: [missed]<br>
&lt;fantasai> kizu: use case, summary collapsed with elements, if they do not currently display should be excluded from the group?<br>
&lt;fantasai> flackr: that's an interesting question<br>
&lt;fantasai> flackr: if I put display: none in here<br>
&lt;fantasai> flackr: then supposed to select other markers<br>
&lt;astearns> fantasai: I think this should be a style<br>
&lt;dholbert> scribe+<br>
&lt;dholbert> fantasai: I think that this should be a style property rather than an html property<br>
&lt;dholbert> fantasai: if you want your ToC to be different, then yeah, it should be in the html<br>
&lt;lea> +1 fantasai, and we should figure out what the right style primitives are to make this feasible/easy<br>
&lt;dholbert> fantasai: but if you want to change the scroll marker [???] effect, then that should be a property<br>
&lt;dholbert> fantasai: I don't think that doing this markup is the right place to do it<br>
&lt;dholbert> fantasai: so that would mean you wouldn't have the up/down arrow effect. but you'd at least get the :checked styling<br>
&lt;fantasai> flackr: Makes sense<br>
&lt;miriam> +1<br>
&lt;kizu> +1, if it is possible to make it just via CSS, it would be more flexible<br>
&lt;fantasai> flackr: appreciate suggestion of doing as style<br>
&lt;fantasai> PROPOSED: Enabling active scroll marker styling and grouping should be done via CSS properties<br>
&lt;kbabbitt> sgtm<br>
&lt;fantasai> lea: agree with fantasai that this should be a style, but haven't dived deep<br>
&lt;fantasai> lea: but it does seem like styling<br>
&lt;fantasai> Rossen6: others?<br>
&lt;fantasai> Rossen6: objections?<br>
&lt;fantasai> RESOLVED: Enabling active scroll marker styling and grouping should be done via CSS properties<br>
</details>


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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 27 September 2024 21:28:20 UTC