Re: [csswg-drafts] [css-overflow-5] Disabled scroll-button state and styling (#11216)

The CSS Working Group just discussed `[css-overflow-5] Disabled scroll-button state and styling`, and agreed to the following:

* `RESOLVED: Accept flackr's proposal in the issue.`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> flackr: I don't expect this to be too controversial<br>
&lt;TabAtkins> flackr: the scroll buttons behavior is to scroll in a direction<br>
&lt;TabAtkins> flackr: it seems reasoanble that if the scroller can't scroll any more in that direction, the button should be disabled<br>
&lt;fantasai> +1 to the proposal<br>
&lt;TabAtkins> flackr: consistent with ARIA recs for prev/first buttons in a carousel. Not inert, disabled; my udnerstanding is AT treats them differently.<br>
&lt;TabAtkins> flackr: and they should apply a disabled style; the UA style will match the button disabled style<br>
&lt;TabAtkins> q+<br>
&lt;TabAtkins> argyleink: agree this is user expectation. not making it inert is good so it doesn't just disappear.<br>
&lt;TabAtkins> argyle: [rereads his own comment]<br>
&lt;TabAtkins> argyle: ah, this was in competition with the "cyclical scrolling"<br>
&lt;TabAtkins> argyle: if you're in netflix or something, they don't stop you, they cycle back to the other side<br>
&lt;TabAtkins> argyle: either flipping back, or virtualizing to make it infinite scroll<br>
&lt;TabAtkins> argyle: it's nice, but we should follow aria behavior here<br>
&lt;TabAtkins> argyle: devs can build another behavior if they want it<br>
&lt;TabAtkins> argyle: other concern is, the buttons are siblings, so i thought they couldn't tap into the scroll-state query<br>
&lt;TabAtkins> argyle: but they can, per Rune<br>
&lt;TabAtkins> argyle: so that's a healthy default.<br>
&lt;astearns> s/Rune/Rene/<br>
&lt;TabAtkins> flackr: I'm fully supportive of enablign cyclical scrolls, but I think we need to extend the Overflow model for that<br>
&lt;TabAtkins> argyle: agree<br>
&lt;fantasai> +1 flackr, exactly why I was on the queue<br>
&lt;vmpstr> +1<br>
&lt;TabAtkins> argyle: maybe if that value was present these buttons didn't disable<br>
&lt;TabAtkins> flackr: yes, they'd change behavior because there is no end<br>
&lt;fantasai> scribe+<br>
&lt;fantasai> TabAtkins: How do you select them when they're in the disabled state?<br>
&lt;fantasai> flackr: :disabled<br>
&lt;fantasai> TabAtkins: cool<br>
&lt;astearns> ack TabAtkins<br>
&lt;astearns> ack fantasai<br>
&lt;TabAtkins> fantasai: strong +1 to everything rob just said about hwo looping scroll should work<br>
&lt;fantasai> s/hwo/how<br>
&lt;TabAtkins> argyle: in the UA, is there a scroll-state query, or is this a magic pseudo-state instead?<br>
&lt;TabAtkins> argyle: so if i didn't want it disabled on the edges, how do i opt out?<br>
&lt;TabAtkins> flackr: you could remove the disabled styling using :disabled<br>
&lt;TabAtkins> flackr: but they'd still be disabled buttons. unsure what you'd expect them to do. in the future we could target them with event listeners and add custom handling<br>
&lt;TabAtkins> flackr: but right now you can't listen for events on the buttons<br>
&lt;TabAtkins> argyle: gotcha, so for this version, the scroller buttons will automatically disable at the edges. you can style differently, but they're still disabled. until later when we have other overflow behaviors.<br>
&lt;TabAtkins> flackr: or until we start selecting in JS the pseudo-elements, or some other way of listening to events on pseudos<br>
&lt;TabAtkins> [some discussion about getComputedStyle()'s pseudo argument)<br>
&lt;TabAtkins> astearns: I think you can put a listener on the host and check where the click was...?<br>
&lt;TabAtkins> flackr: you can't actually tell the click was on the pseudo unless you determine from the position<br>
&lt;TabAtkins> argyle: same as ::backdrop, yeah<br>
&lt;TabAtkins> dbaron: I was discussing this with Mason a few days ago<br>
&lt;TabAtkins> flackr: yeah we should fix it<br>
&lt;TabAtkins> dbaron: Mason ran into this exact problem last week<br>
&lt;TabAtkins> flackr: so in a future we fix this you could hook into the buttons and do something else<br>
&lt;TabAtkins> argyle: [re-summarizes]<br>
&lt;TabAtkins> argyle: and it's styled as a button, but with text contents... i guess that's a different issue<br>
&lt;TabAtkins> argyle: sounds good overall, good defaults<br>
&lt;TabAtkins> astearns: so desired resolution?<br>
&lt;TabAtkins> flackr: apply the disabled behavior and style when you can't scroll further in the associated direction<br>
&lt;TabAtkins> astearns: objections?<br>
&lt;TabAtkins> RESOLVED: Accept flackr's proposal in the issue.<br>
&lt;dbaron> (I think the discussion I mentioned with Mason was about https://github.com/whatwg/html/pull/10737 which actually (I think) ended up putting the click rect check in the spec PR!)<br>
</details>


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


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

Received on Wednesday, 20 November 2024 16:43:56 UTC