1133666 - Devtools support for scrolling snap points

Status: NEW

(DevTools :: Inspector, enhancement, P3)

Description

[Patrick Brosset <:pbro>]

Depends on CSS scroll snapping to be implemented first (bug 945584).
Spec: http://dev.w3.org/csswg/css-snappoints/#intro

It's the sort of CSS features that devtools can easily help debug visually, simply by showing where the snappoints are in the container.

Comment 1

[Julian Descottes [:jdescottes]]

Setting P3/enhancement for now, but I think it's worth reassessing the priority now that Bug 945584 has landed.

pbro: what do you think? We keep it as P3 until the property gets a bigger adoption?

Comment 2

[Patrick Brosset <:pbro>]

(In reply to Julian Descottes [:jdescottes] from comment #1)
> Setting P3/enhancement for now, but I think it's worth reassessing the
> priority now that Bug 945584 has landed.
> 
> pbro: what do you think? We keep it as P3 until the property gets a bigger
> adoption?
Yeah, it would make sense to help with simpler CSS properties that most people use today and have trouble with. But having said this, it's always a hard balance to strike because devtools can also play a role in feature adoption.
I think P3 is fine for now.

Comment 3

[Sebastian Zartner [:sebo]]

The CSS Scroll Snap spec. changed a lot since this bug was created, so we should wait until the implementation got updated accordingly. See bug 1231777.

Sebastian

Comment 4

[Sebastian Zartner [:sebo]]

The updated version of scroll snapping shipped in Firefox 68. So, there shouldn't be anything holding up the implementation anymore. (Except for resource constraints, of course. 😊)

The implementation should visualize the scroll-margin, scroll-padding, and scroll-snap-align values, maybe also scroll-snap-type. Only scroll-snap-stop is not implemented yet.

Sebastian