title: double scroll snap chrome bug
body: <br/>
  I have some issues considering scroll-snap-align in css, probably due to a familiar bug in chrome.<br/>
  I have found two ways to make the scroll-snap-align work, but both ways won't properly.
  <ol>
  <li>Option 1 - use the scroll-snap-type in the html tag:</li>
  </ol>
  <pre><code>html {
     scroll-snap-type: y mandatory;
  }
  
  article {
     /* empty */
  }
  
  section {
     scroll-snap-align: start;
  }
  </code></pre>
  <ol start="2">
  <li>Option 2 - use the scroll-snap-type in the container (article) tag:</li>
  </ol>
  <pre><code>html {
     /* empty */
  }
  
  article {
     scroll-snap-type: y mandatory;
  }
  
  section {
     scroll-snap-align: start;
  }
  </code></pre>
  <p><strong>The problem is</strong> that option 1 cause the double-scroll bug in chrome, and I haven't found a way to fix it (changing the background color didn't work for me),
  and option 2 just won't do anything at all, same as if I didn't write this lines of code.</p>
  <p>I have also tried playing with <code>overflow-y</code>, <code>overscroll-behavior-y</code> or changing the <code>height</code> of the container, but none of them fixed the issue.</p>
  <p>I'd be very thankful for anyone who will try to help me :)</p>
  <p>P.S
  I'm using create-react-app if it matters somehow.</p>