title: How to make scroll-snap working in FF with body as scrolling container
body: <p>I am trying to have a page with vertical scrolling snapped to every paragraph (every photo description). I also want <code>body</code> to be my scrolling container, not some <code>div</code> inside <code>body</code>.</p>
  
  <p>I have:</p>
  
  <pre class="lang-css prettyprint-override"><code>body.scroll-snap {
    scroll-snap-type: y proximity;
  }
  
  .scroll-snap .episode p {
    scroll-snap-align: start;
    scroll-margin: 8px;
  }
  </code></pre>
  
  <p>This works perfectly in Chrome and Safari, but doesn't work in Firefox. Firefox inspector shows these CSS properties applied to tag, but the scroll doesn't snap.</p>
  
  <p>How to make it work in FF without creating additional scrolling containers?</p>