[csswg-drafts] [css-scroll-snap] Difficult to use snap areas which are larger than the scrollport (#6863)

flackr has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-scroll-snap] Difficult to use snap areas which are larger than the scrollport ==
The css-scroll-snap spec makes it possible for [snap areas larger than the scrollport](https://drafts.csswg.org/css-scroll-snap/#snap-overflow) to be accessed, however, the behavior in many browsers makes it quite difficult and results in unexpected scrolls. For example, If you test the examples on https://output.jsbin.com/pojeyeg it is difficult to reach the end of a snap area without snapping to the next. Also, it is difficult to get to the previous element in the scroll port unless you scroll very far such that the top / left of the element is closer than the current one. In a [more extreme example](https://jsbin.com/mivococ/edit?html,css,output) it is very difficult to scroll to the previous item unless you fling.

I think we should update the spec to consider the entire area of valid snap positions (per [css-scroll-snap section 5.2.2](https://drafts.csswg.org/css-scroll-snap/#snap-overflow)) when determining which snap point to snap to, and only snap as far as necessary to reach that next valid snap point rather than returning to the start of the oversized snap area.

@kevers-google do you have additional thoughts about what the spec text should look like.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6863 using your GitHub account


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

Received on Monday, 6 December 2021 20:44:17 UTC