<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - CSS Scroll Snap - support snapping to nested elements"
   href="https://bugs.webkit.org/show_bug.cgi?id=145843#c2">Comment # 2</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - CSS Scroll Snap - support snapping to nested elements"
   href="https://bugs.webkit.org/show_bug.cgi?id=145843">bug 145843</a>
              from <span class="vcard"><a class="email" href="mailto:majidvp&#64;chromium.org" title="Majid Valipour &lt;majidvp&#64;chromium.org&gt;"> <span class="fn">Majid Valipour</span></a>
</span></b>
        <pre>Thanks for the link.

If I understand that correctly the 'elements' makes it so that the scrolling container has to be explicit when it is interested in capturing the snap points from descending children. This makes a sense.

However, it is still the case that the snap points are allowed to be defined by any descendants (and not just immediate children). That means the following should still snap:


#snap-container {
  scroll-snap-points-y: elements;
  scroll-snap-type: mandatory;
}

#snap-element {
  scroll-snap-coordinates: 50% 50%;
}

&lt;div id='snap-container'&gt;
   &lt;div&gt;
      &lt;p id='snap-element'&gt;&lt;/p&gt; 
   &lt;div&gt;
&lt;/div&gt;</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>