[Bug] Carousel: shift + scroll is ignoring fast interactions and sometimes breaks alignment

[J-Sek]

1. open docs page » last example
2. hold [shift] and scroll up/down while hovering pointer on any example

Actual behavior:

• it picks up interactions reliably only when I scroll slowly
• when I scroll faster, in the same direction or change directions suddenly, the interactions are ignored

Expected:

• if it needs to end animation it is fine, but it should not force user to pause for a .5s and initialize the action with specific speed

Misalignment:

• slides of the last example are not centered after shift+scroll.. minor issue

Notes:

• platform specific - this is very noticeable on Chrome and can be reproduced on MDN and other examples of pure-CSS carousels.
• on Firefox it is mostly fluid, just a tiny delay.. passable
• misalignment (slides not being centered) affects both browsers

If we can do something about it, that would be great. If not, let's just just acknowledge the issue (internally, no need for any disclaimer).

---

Edit: misalignment split into #200

[J-Sek]

Hopefully we can apply it to non-shift scroll for orientation="vertical" (#203)