Add snap-mandatory-x, snap-mandatory-y

[tordans]

My UseCase: I have a very long list which requires scrolling x and y (Demo URL).

However, I only want scroll snapping mandatory on x. On y I want no snapping or proximity snapping.

Right now, the way snap-mandatory and snap-proximity (Docs) are set up, one can only specify those for both.

My workaround: Some custom css FixMyBerlin/radwege-check.de@aa24430

Suggested solution: Add snap-mandatory-x, snap-mandatory-y (same for proximity) which should then take precedence over the general snap-mandatory.

[2hu12]

For your workaround

  .snap-x-not-y {
    scroll-snap-type: x mandatory;
    scroll-snap-type: y proximity;
  }

it is equivalent to

  .snap-x-not-y {
    scroll-snap-type: y proximity;
  }

and equivalent to snap-y snap-proximity

right?