Add Scroll Snap Option

Created on 20 February 2023, over 1 year ago
Updated 7 March 2024, 8 months ago

Problem/Motivation

The CSS option Scroll Snap now has very good browser support, so we should make use of it.
Demo: https://codepen.io/tutsplus/pen/qpJYaK
https://css-tricks.com/practical-css-scroll-snapping/

Proposed resolution

[TODO: Finish this ...]
The feature needs a "scroll container" and "scroll areas" as children.
So in terms of DROWL Paragraphs:
Paragraphs needs new fields:

  • Scroll Snap Type: auto (proximity), Mandatory, Proximity

Not sure if we should make use of our existing min-height setting (what also needs some improvements: #3342355), because you will often set a min-height ov 100vh or something, but the question is: Does it make sense to have different heights on the childrens? If not: Isn't it better to define the "scroll areas height" on the container?

Remaining tasks

User interface changes

API changes

Data model changes

Feature request
Status

Postponed: needs info

Version

1.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024