CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="icon" href="/drafts/static/hgicon.png" type="image/png" /> <meta name="robots" content="index, nofollow"/> <link rel="stylesheet" href="/drafts/static/style-monoblue.css" type="text/css" /> <script type="text/javascript" src="/drafts/static/mercurial.js"></script> <title>drafts: css-overscroll-1/Overview.bs@0236560cd086 (annotated)</title> <link rel="alternate" type="application/atom+xml" href="/drafts/atom-log" title="Atom feed for drafts"/> <link rel="alternate" type="application/rss+xml" href="/drafts/rss-log" title="RSS feed for drafts"/> </head> <body> <div id="container"> <div class="page-header"> <h1 class="breadcrumb"><a href="/">Mercurial</a> > <a href="/drafts">drafts</a> / annotate</h1> <form action="/drafts/log"> <dl class="search"> <dt><label>Search: </label></dt> <dd><input type="text" name="rev" /></dd> </dl> </form> <ul class="page-nav"> <li><a href="/drafts/summary">summary</a></li> <li><a href="/drafts/shortlog">shortlog</a></li> <li><a href="/drafts/log">changelog</a></li> <li><a href="/drafts/graph/0236560cd086">graph</a></li> <li><a href="/drafts/tags">tags</a></li> <li><a href="/drafts/bookmarks">bookmarks</a></li> <li><a href="/drafts/branches">branches</a></li> <li><a href="/drafts/file/0236560cd086/css-overscroll-1/">files</a></li> <li><a href="/drafts/help">help</a></li> </ul> </div> <ul class="submenu"> <li><a href="/drafts/file/0236560cd086/css-overscroll-1/Overview.bs">file</a></li> <li><a href="/drafts/log/0236560cd086/css-overscroll-1/Overview.bs">revisions</a></li> <li class="current">annotate</li> <li><a href="/drafts/diff/0236560cd086/css-overscroll-1/Overview.bs">diff</a></li> <li><a href="/drafts/comparison/0236560cd086/css-overscroll-1/Overview.bs">comparison</a></li> <li><a href="/drafts/raw-annotate/0236560cd086/css-overscroll-1/Overview.bs">raw</a></li> </ul> <h2 class="no-link no-border">css-overscroll-1/Overview.bs@0236560cd086 (annotated)</h2> <h3 class="changeset">css-overscroll-1/Overview.bs</h3> <p class="changeset-age age">Sat, 01 Jul 2023 15:34:46 +0200</p> <dl class="overview"> <dt>author</dt> <dd>Guillaume <gui.lebas@gmail.com></dd> <dt>date</dt> <dd>Sat, 01 Jul 2023 15:34:46 +0200</dd> <dt>changeset 30108</dt> <dd><a href="/drafts/rev/0236560cd086">0236560cd086</a></dd> <dt>parent 29698</dt> <dd> <a href="/drafts/annotate/6bb3d659ee12/css-overscroll-1/Overview.bs"> 6bb3d659ee12 </a> </dd> <dt>permissions</dt> <dd>-rw-r--r--</dd> </dl> <p class="description">[css-conditional-5] Import <font-format> and <font-tech> from CSS Fonts (#8111)<br/> <br/> Co-authored-by: Chris Lilley <chris@w3.org></p> <table class="annotated"> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l1" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l1" id="l1"> 1</a> </td> <td class="source"><pre class='metadata'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l2" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l2" id="l2"> 2</a> </td> <td class="source">Title: CSS Overscroll Behavior Module Level 1 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fede3c09a7bc/css-overscroll-1/Overview.bs#l3" title="fede3c09a7bc: [css-overscroll] Update shortname and link to /TR">xfq@23651</a> </td> <td class="lineno"> <a href="#l3" id="l3"> 3</a> </td> <td class="source">Shortname: css-overscroll </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l4" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l4" id="l4"> 4</a> </td> <td class="source">Level: 1 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l5" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l5" id="l5"> 5</a> </td> <td class="source">Status: ED </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l6" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l6" id="l6"> 6</a> </td> <td class="source">Work Status: Exploring </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l7" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l7" id="l7"> 7</a> </td> <td class="source">Group: CSSWG </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fede3c09a7bc/css-overscroll-1/Overview.bs#l8" title="fede3c09a7bc: [css-overscroll] Update shortname and link to /TR">xfq@23651</a> </td> <td class="lineno"> <a href="#l8" id="l8"> 8</a> </td> <td class="source">URL: https://drafts.csswg.org/css-overscroll-1/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fede3c09a7bc/css-overscroll-1/Overview.bs#l9" title="fede3c09a7bc: [css-overscroll] Update shortname and link to /TR">xfq@23651</a> </td> <td class="lineno"> <a href="#l9" id="l9"> 9</a> </td> <td class="source">TR: https://www.w3.org/TR/css-overscroll-1/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l9" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l10" id="l10"> 10</a> </td> <td class="source">Editor: Benoit Girard, Facebook, bgirard@fb.com </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l10" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l11" id="l11"> 11</a> </td> <td class="source">Editor: Majid Valipour, Google, majidvp@google.com, w3cid 81464 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l11" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l12" id="l12"> 12</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l12" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l13" id="l13"> 13</a> </td> <td class="source">Abstract: This module defines 'overscroll-behavior' to control the behavior when the scroll position </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l13" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l14" id="l14"> 14</a> </td> <td class="source">Abstract: of a <a>scroll container</a> reaches the edge of the <a>scrollport</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l13" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l15" id="l15"> 15</a> </td> <td class="source">Abstract: This allows content authors to hint that the <a>boundary default actions</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l14" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l16" id="l16"> 16</a> </td> <td class="source">Abstract: such as scroll chaining and overscroll, should not be triggered. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l15" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l17" id="l17"> 17</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l16" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l18" id="l18"> 18</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l32" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l19" id="l19"> 19</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l33" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l20" id="l20"> 20</a> </td> <td class="source">Introduction {#intro} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l34" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l21" id="l21"> 21</a> </td> <td class="source">===================== </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l35" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l22" id="l22"> 22</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l36" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l23" id="l23"> 23</a> </td> <td class="source"><em>This section is not normative.</em> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l37" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l24" id="l24"> 24</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l38" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l25" id="l25"> 25</a> </td> <td class="source">A content author does not necessarily want <a>scroll chaining</a> to occur for all <a>scroll </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l39" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l26" id="l26"> 26</a> </td> <td class="source">containers</a>. Some <a>scroll containers</a> may be part of a <a>containing block chain</a> but may </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l40" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l27" id="l27"> 27</a> </td> <td class="source">serve a different logical purpose in the document and may want to prevent scrolling from continuing </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l41" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l28" id="l28"> 28</a> </td> <td class="source">up the <a>scroll chain</a>. To achieve this, a content author will install event listeners without </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l29" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l29" id="l29"> 29</a> </td> <td class="source">the <a>passive flag</a> set and will use {{Event/preventDefault()}} when there is a risk that scroll </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l43" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l30" id="l30"> 30</a> </td> <td class="source">chaining will occur. This is detrimental for the following reasons: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l44" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l31" id="l31"> 31</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l45" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l32" id="l32"> 32</a> </td> <td class="source">* The user agent may in the future introduce new input methods for scrolling that are not supported </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l46" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l33" id="l33"> 33</a> </td> <td class="source"> by the content author's event listeners. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l47" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l34" id="l34"> 34</a> </td> <td class="source">* A non passive event listener will delay scrolling because the user agent will have to wait for the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l35" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l35" id="l35"> 35</a> </td> <td class="source"> result of the event listener to determine if {{Event/preventDefault()}} was called causing increased </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l49" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l36" id="l36"> 36</a> </td> <td class="source"> scroll latency. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l50" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l37" id="l37"> 37</a> </td> <td class="source">* When scrolling is performed near the edge of the <a>scroll boundary</a>, the <a>default action</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l51" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l38" id="l38"> 38</a> </td> <td class="source"> may cause both scrolling to the edge of the <a>scroll container</a> and a <a>boundary default </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l39" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l39" id="l39"> 39</a> </td> <td class="source"> action</a>. Calling {{Event/preventDefault()}} will not only cancel the <a>boundary default action</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l53" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l40" id="l40"> 40</a> </td> <td class="source"> but also the scroll to the edge of the <a>scrollport</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l54" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l41" id="l41"> 41</a> </td> <td class="source">* The <a>default action</a> for the event may also provide additional behavior that the author does </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l42" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l42" id="l42"> 42</a> </td> <td class="source"> not want to cancel such as an overscroll affordance. {{Event/preventDefault()}} doesn't allow the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l56" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l43" id="l43"> 43</a> </td> <td class="source"> content author to cancel only some of the <a>default actions</a> such as scroll chaining. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l57" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l44" id="l44"> 44</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l58" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l45" id="l45"> 45</a> </td> <td class="source">Thus, it is not possible for a content author to control <a>scroll chaining</a> and overscroll in a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l59" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l46" id="l46"> 46</a> </td> <td class="source">robust, performant and forward compatible way. The 'overscroll-behavior' property fixes this </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l60" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l47" id="l47"> 47</a> </td> <td class="source">shortcoming. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l61" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l48" id="l48"> 48</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l68" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l49" id="l49"> 49</a> </td> <td class="source">Value Definitions {#values} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l69" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l50" id="l50"> 50</a> </td> <td class="source">--------------------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l70" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l51" id="l51"> 51</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l71" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l52" id="l52"> 52</a> </td> <td class="source">This specification follows the <a href="https://www.w3.org/TR/CSS2/about.html#property-defs">CSS property definition conventions</a> from [[!CSS2]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l72" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l53" id="l53"> 53</a> </td> <td class="source">using the <a href="https://www.w3.org/TR/css-values-3/#value-defs">value definition syntax</a> from [[!CSS-VALUES-3]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l73" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l54" id="l54"> 54</a> </td> <td class="source">Value types not defined in this specification are defined in CSS Values &amp; Units [[!CSS-VALUES-3]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l74" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l55" id="l55"> 55</a> </td> <td class="source">Combination with other CSS modules may expand the definitions of these value types. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l75" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l56" id="l56"> 56</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l76" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l57" id="l57"> 57</a> </td> <td class="source">In addition to the property-specific values listed in their definitions, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l77" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l58" id="l58"> 58</a> </td> <td class="source">all properties defined in this specification </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6184bac8cb02/css-overscroll-1/Overview.bs#l78" title="6184bac8cb02: Removed duplicate "keywords" from Value Definitions section">sebastianzartner@25875</a> </td> <td class="lineno"> <a href="#l59" id="l59"> 59</a> </td> <td class="source">also accept the <a>CSS-wide keywords</a> as their property value. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-overscroll-1/Overview.bs#l79" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l60" id="l60"> 60</a> </td> <td class="source">For readability they have not been repeated explicitly. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l62" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l61" id="l61"> 61</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l63" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l62" id="l62"> 62</a> </td> <td class="source">Motivating Examples {#motivating-examples} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l65" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l63" id="l63"> 63</a> </td> <td class="source">========================================== </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l65" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l64" id="l64"> 64</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l66" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l65" id="l65"> 65</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l67" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l66" id="l66"> 66</a> </td> <td class="source"><div class=example> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l68" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l67" id="l67"> 67</a> </td> <td class="source">A position fixed left navigation bar does not want to hand off scrolling to the document because a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l69" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l68" id="l68"> 68</a> </td> <td class="source">scroll gesture performed on the navigation bar is almost never meant to scroll the document. Note </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l70" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l69" id="l69"> 69</a> </td> <td class="source">that using the native overscroll affordances are still desirable while scroll chaining is to be </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l71" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l70" id="l70"> 70</a> </td> <td class="source">prevented. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l72" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l71" id="l71"> 71</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l73" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l72" id="l72"> 72</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l74" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l73" id="l73"> 73</a> </td> <td class="source"> #sidebar { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l75" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l74" id="l74"> 74</a> </td> <td class="source"> overscroll-behavior: contain; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l76" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l75" id="l75"> 75</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l77" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l76" id="l76"> 76</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l78" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l77" id="l77"> 77</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l79" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l78" id="l78"> 78</a> </td> <td class="source">In this case, the author can use <a value for=overscroll-behavior>contain</a> on the sidebar to </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l80" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l79" id="l79"> 79</a> </td> <td class="source">prevent scrolling from being chained to the parent document element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l81" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l80" id="l80"> 80</a> </td> <td class="source"></div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l82" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l81" id="l81"> 81</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l83" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l82" id="l82"> 82</a> </td> <td class="source"><div class=example> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l84" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l83" id="l83"> 83</a> </td> <td class="source">A page wants to implement their own pull-to-refresh effect and thus needs to disable browser </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l85" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l84" id="l84"> 84</a> </td> <td class="source">native overscroll action. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l86" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l85" id="l85"> 85</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l87" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l86" id="l86"> 86</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l88" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l87" id="l87"> 87</a> </td> <td class="source"> html { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l89" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l88" id="l88"> 88</a> </td> <td class="source"> /* only disable pull-to-refresh but allow swipe navigations */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l90" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l89" id="l89"> 89</a> </td> <td class="source"> overscroll-behavior-y: contain; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l91" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l90" id="l90"> 90</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l92" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l91" id="l91"> 91</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l93" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l92" id="l92"> 92</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l94" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l93" id="l93"> 93</a> </td> <td class="source">In this case, the author can use <a value for=overscroll-behavior>contain</a> on the viewport </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l95" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l94" id="l94"> 94</a> </td> <td class="source">defining element to prevent overscroll from triggering navigation actions. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l96" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l95" id="l95"> 95</a> </td> <td class="source"></div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l97" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l96" id="l96"> 96</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l98" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l97" id="l97"> 97</a> </td> <td class="source"><div class=example> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l99" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l98" id="l98"> 98</a> </td> <td class="source">A infinite scrollers loads more content as user reaches the boundary and thus wants to disable the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l100" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l99" id="l99"> 99</a> </td> <td class="source">potentially confusing rubber banding effect in addition to scroll chaining. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l101" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l100" id="l100"> 100</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l102" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l101" id="l101"> 101</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l103" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l102" id="l102"> 102</a> </td> <td class="source"> #infinite_scroller { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l104" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l103" id="l103"> 103</a> </td> <td class="source"> overscroll-behavior-y: none; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l105" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l104" id="l104"> 104</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l106" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l105" id="l105"> 105</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l107" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l106" id="l106"> 106</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b0602c4c66ef/css-overscroll-1/Overview.bs#l126" title="b0602c4c66ef: typo: Double words (#5951)">nschonni@26667</a> </td> <td class="lineno"> <a href="#l107" id="l107"> 107</a> </td> <td class="source">In this case the author can use <a value for=overscroll-behavior>none</a> on the infinite </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l109" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l108" id="l108"> 108</a> </td> <td class="source">scroller to prevent both scroll chaining and overscroll affordance. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l110" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l109" id="l109"> 109</a> </td> <td class="source"></div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l111" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l110" id="l110"> 110</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l112" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l111" id="l111"> 111</a> </td> <td class="source">Scroll chaining and boundary default actions {#scroll-chaining-and-boundary-default-actions} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l114" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l112" id="l112"> 112</a> </td> <td class="source">============================================================================================ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l114" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l113" id="l113"> 113</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l115" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l114" id="l114"> 114</a> </td> <td class="source"><em>Operating Systems have rules for scrolling such as scroll chaining and overscroll affordances. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l116" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l115" id="l115"> 115</a> </td> <td class="source">This specification does not mandate if and how scroll chaining or overscroll affordances be </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l117" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l116" id="l116"> 116</a> </td> <td class="source">implemented. This specification only allows the content author to disable them if any are </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l118" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l117" id="l117"> 117</a> </td> <td class="source">implemented.</em> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l119" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l118" id="l118"> 118</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l120" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l119" id="l119"> 119</a> </td> <td class="source"><dfn>Scroll chaining</dfn> is when scrolling is propagated from one <a>scroll container</a> to an </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l121" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l120" id="l120"> 120</a> </td> <td class="source">ancestor <a>scroll container</a> following the <a>scroll chain</a>. Typically scroll chaining is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l122" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l121" id="l121"> 121</a> </td> <td class="source">performed starting at the event target recursing up the <a>containing block chain</a>. When a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l123" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l122" id="l122"> 122</a> </td> <td class="source"><a>scroll container</a> in this chain receives a scroll event or gesture it may act on it and/or </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l124" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l123" id="l123"> 123</a> </td> <td class="source">pass it up the chain. Chaining typically occurs when the <a>scrollport</a> has reached its boundary. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l125" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l124" id="l124"> 124</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l126" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l125" id="l125"> 125</a> </td> <td class="source">A <dfn>scroll chain</dfn> is the order in which scrolling is propagated from one <a>scroll </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l132" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l126" id="l126"> 126</a> </td> <td class="source">container</a> to another. The <a>viewport</a> participates in <a>scroll chaining</a> as the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l133" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l127" id="l127"> 127</a> </td> <td class="source">document's <a>scrollingElement</a>, both regarding placement in the scroll chain as well as adhering </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l134" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l128" id="l128"> 128</a> </td> <td class="source">to the chaining rules applied to it. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l135" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l129" id="l129"> 129</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l128" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l130" id="l130"> 130</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l129" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l131" id="l131"> 131</a> </td> <td class="source"><dfn>Scroll boundary</dfn> refers to when the scroll position of a <a>scroll container</a> reaches </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l130" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l132" id="l132"> 132</a> </td> <td class="source">the edge of the <a>scrollport</a>. If a scroll container has no potential to scroll, because it does </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l131" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l133" id="l133"> 133</a> </td> <td class="source">not <a>overflow</a> in the direction of the scroll, the element is always considered to be at the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l132" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l134" id="l134"> 134</a> </td> <td class="source">scroll boundary. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l133" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l135" id="l135"> 135</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l134" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l136" id="l136"> 136</a> </td> <td class="source"><dfn>Boundary default action</dfn> refers to the user-agent-defined <a>default action</a> performed </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l135" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l137" id="l137"> 137</a> </td> <td class="source">when scrolling against the edge of the <a>scrollport</a>. A <dfn>local boundary default action</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l136" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l138" id="l138"> 138</a> </td> <td class="source">is a <a>boundary default action</a> which is performed on the <a>scroll container</a> without </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l145" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l139" id="l139"> 139</a> </td> <td class="source">interacting with the page, for example displaying a overscroll UI affordance. Conversely, a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l146" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l140" id="l140"> 140</a> </td> <td class="source"><dfn>non-local boundary default action</dfn> interacts with the page, for example scroll chaining or </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l147" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l141" id="l141"> 141</a> </td> <td class="source">a navigation action. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/40bb3ed0e967/css-overscroll-behavior-1/Overview.bs#l148" title="40bb3ed0e967: [css-overscroll-behavior-1] Clarify viewport participation in scroll chaining #3267">majidvp@23332</a> </td> <td class="lineno"> <a href="#l142" id="l142"> 142</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l140" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l143" id="l143"> 143</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l147" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l144" id="l144"> 144</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l148" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l145" id="l145"> 145</a> </td> <td class="source">Overscroll Behavior Properties {#overscroll-behavior-properties} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l144" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l146" id="l146"> 146</a> </td> <td class="source">================================================================ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l150" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l147" id="l147"> 147</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l146" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l148" id="l148"> 148</a> </td> <td class="source">The <dfn>overscroll behavior</dfn> controls the permitted <a>boundary default action</a> for a </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l147" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l149" id="l149"> 149</a> </td> <td class="source"><a>scroll container</a> element when its <a>scrollport</a> reaches the boundary of its scroll box. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l148" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l150" id="l150"> 150</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l149" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l151" id="l151"> 151</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l150" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l152" id="l152"> 152</a> </td> <td class="source">The 'overscroll-behavior' property specifies the <a>overscroll behavior</a> for a <a>scroll </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l151" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l153" id="l153"> 153</a> </td> <td class="source">container</a> element. It allows the content author to specify that a <a>scroll container</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l152" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l154" id="l154"> 154</a> </td> <td class="source">element must prevent scroll chaining and/or overscroll affordances. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l153" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l155" id="l155"> 155</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l154" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l156" id="l156"> 156</a> </td> <td class="source">An element that is not <a>scroll container</a> must accept but ignore the values of this property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l155" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l157" id="l157"> 157</a> </td> <td class="source">This property must be applied to all scrolling methods supported by the user agent. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l154" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l158" id="l158"> 158</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l155" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l159" id="l159"> 159</a> </td> <td class="source">Note: This property should provide guarantees that are, at least, as strong as <a>preventDefault</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l156" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l160" id="l160"> 160</a> </td> <td class="source">for preventing both scroll chaining and overscroll. Doing otherwise would cause content authors to </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l157" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l161" id="l161"> 161</a> </td> <td class="source">use <a>preventDefault</a> instead. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l158" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l162" id="l162"> 162</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l159" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l163" id="l163"> 163</a> </td> <td class="source"><pre class=propdef> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l179" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l164" id="l164"> 164</a> </td> <td class="source">Name: overscroll-behavior </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l180" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l165" id="l165"> 165</a> </td> <td class="source">Value: [ contain | none | auto ]{1,2} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l181" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l166" id="l166"> 166</a> </td> <td class="source">Initial: auto auto </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l182" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l167" id="l167"> 167</a> </td> <td class="source">Applies to: <a>scroll container</a> elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l183" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l168" id="l168"> 168</a> </td> <td class="source">Inherited: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l184" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l169" id="l169"> 169</a> </td> <td class="source">Media: visual </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l185" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l170" id="l170"> 170</a> </td> <td class="source">Computed value: see individual properties </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a531163c1edf/css-overscroll-1/Overview.bs#l178" title="a531163c1edf: [css-overscroll-1] Remove redundant colon">rdvornov@24105</a> </td> <td class="lineno"> <a href="#l171" id="l171"> 171</a> </td> <td class="source">Animation type: discrete </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l187" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l172" id="l172"> 172</a> </td> <td class="source">Canonical order: <abbr title="follows order of property value definition">per grammar</abbr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l188" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l173" id="l173"> 173</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l189" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l174" id="l174"> 174</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l173" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l175" id="l175"> 175</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l174" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l176" id="l176"> 176</a> </td> <td class="source">The 'overscroll-behavior' property is a shorthand property that sets the specified values of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l175" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l177" id="l177"> 177</a> </td> <td class="source">'overscroll-behavior-x' and 'overscroll-behavior-y' in that order. If only one value is specified, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l176" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l178" id="l178"> 178</a> </td> <td class="source">the second value defaults to the same value. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l191" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l179" id="l179"> 179</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l192" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l180" id="l180"> 180</a> </td> <td class="source">Values have the following meanings: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l193" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l181" id="l181"> 181</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l180" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l182" id="l182"> 182</a> </td> <td class="source"><dl dfn-for="overscroll-behavior, overscroll-behavior-x, overscroll-behavior-y, overscroll-behavior-inline, overscroll-behavior-block" dfn-type="value"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l195" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l183" id="l183"> 183</a> </td> <td class="source"> <dt><dfn>contain</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l196" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l184" id="l184"> 184</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/923f33718d5a/css-overscroll-behavior-1/Overview.bs#l191" title="923f33718d5a: [css-overscroll-behavior-1] Fix a minor linking issue">majidvp@23333</a> </td> <td class="lineno"> <a href="#l185" id="l185"> 185</a> </td> <td class="source"> This value indicates that the element must not perform <a>non-local boundary default actions</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l198" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l186" id="l186"> 186</a> </td> <td class="source"> such as scroll chaining or navigation. The user agent must not perform scroll chaining to any </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l199" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l187" id="l187"> 187</a> </td> <td class="source"> ancestors along the <a>scroll chain</a> regardless of whether the scroll originated at this </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l200" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l188" id="l188"> 188</a> </td> <td class="source"> element or one of its descendants. This value must not modify the behavior of how <a>local </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l187" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l189" id="l189"> 189</a> </td> <td class="source"> boundary default actions</a> should behave, such as showing any overscroll affordances. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l202" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l190" id="l190"> 190</a> </td> <td class="source"> <dt><dfn>none</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l203" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l191" id="l191"> 191</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l204" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l192" id="l192"> 192</a> </td> <td class="source"> This value implies the same behavior as <a value for=overscroll-behavior>contain</a> and in </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l205" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l193" id="l193"> 193</a> </td> <td class="source"> addition this element must also not perform <a>local boundary default actions</a> such as </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l206" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l194" id="l194"> 194</a> </td> <td class="source"> showing any overscroll affordances. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l207" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l195" id="l195"> 195</a> </td> <td class="source"> <dt><dfn>auto</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l208" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l196" id="l196"> 196</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l209" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l197" id="l197"> 197</a> </td> <td class="source"> This value indicates that the user agent should perform the usual <a>boundary default action</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l210" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l198" id="l198"> 198</a> </td> <td class="source"> with respect to <a>scroll chaining</a>, overscroll and navigation gestures. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l211" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l199" id="l199"> 199</a> </td> <td class="source"></dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l212" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l200" id="l200"> 200</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l213" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l201" id="l201"> 201</a> </td> <td class="source">Note: In the case where a user agent does not implement scroll chaining and overscroll affordances, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l214" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l202" id="l202"> 202</a> </td> <td class="source">these values will have no side effects for a compliant implementation. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l215" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l203" id="l203"> 203</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l216" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l204" id="l204"> 204</a> </td> <td class="source">Note: Programmatic scrolling is clamped and can not trigger any <a>boundary default actions</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l217" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l205" id="l205"> 205</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l206" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l206" id="l206"> 206</a> </td> <td class="source">Overscroll and Positioned Elements {#overscroll-positioned} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l207" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l207" id="l207"> 207</a> </td> <td class="source">---------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l208" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l208" id="l208"> 208</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l209" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l209" id="l209"> 209</a> </td> <td class="source">This specification does not generally dictate what, if any, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l210" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l210" id="l210"> 210</a> </td> <td class="source">"overscroll" or similar actions </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l211" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l211" id="l211"> 211</a> </td> <td class="source">might occur as a [=local boundary default action=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l212" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l212" id="l212"> 212</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l213" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l213" id="l213"> 213</a> </td> <td class="source">However, if a user agent <em>does</em> use "overscroll" behavior </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l214" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l214" id="l214"> 214</a> </td> <td class="source">(that is, allowing a scrollable element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l215" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l215" id="l215"> 215</a> </td> <td class="source">to be scrolled slightly "past the end" of its scrollable area, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l216" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l216" id="l216"> 216</a> </td> <td class="source">usually with a "rubber-banding" effect after the scroll or drag is completed), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l217" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l217" id="l217"> 217</a> </td> <td class="source">then the following applies: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l218" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l218" id="l218"> 218</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l219" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l219" id="l219"> 219</a> </td> <td class="source">If an element uses [=fixed positioning=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l220" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l220" id="l220"> 220</a> </td> <td class="source">and is positioned relative to the [=initial containing block=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l221" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l221" id="l221"> 221</a> </td> <td class="source">or is a [=sticky positioned=] element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l222" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l222" id="l222"> 222</a> </td> <td class="source">which is currently stuck to the [=viewport=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l223" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l223" id="l223"> 223</a> </td> <td class="source">then when the [=root scroller=] experiences "overscroll", </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l224" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l224" id="l224"> 224</a> </td> <td class="source">that element <em>must not</em> overscroll with the rest of the document's content; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l225" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l225" id="l225"> 225</a> </td> <td class="source">it must instead remain positioned as if the scroller was at its minimum/maximum scroll position, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l226" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l226" id="l226"> 226</a> </td> <td class="source">whichever it will return to when the overscroll is finished. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l227" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l227" id="l227"> 227</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l228" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l228" id="l228"> 228</a> </td> <td class="source">Even tho this can visually shift the fixed/sticky element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l229" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l229" id="l229"> 229</a> </td> <td class="source">relative to other elements on the page, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l230" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l230" id="l230"> 230</a> </td> <td class="source">it must be treated purely as a visual effect, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l231" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l231" id="l231"> 231</a> </td> <td class="source">and not reported as an actual layout/position change </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l232" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l232" id="l232"> 232</a> </td> <td class="source">to APIs such as {{Element/getBoundingClientRect()}}. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l233" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l233" id="l233"> 233</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l234" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l234" id="l234"> 234</a> </td> <td class="source">Note: This behavior is because fixpos and viewport-stuck stickypos elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l235" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l235" id="l235"> 235</a> </td> <td class="source">are positioned relative to "the viewport", </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l236" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l236" id="l236"> 236</a> </td> <td class="source">which is conceptually above the root scroller </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l237" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l237" id="l237"> 237</a> </td> <td class="source">in the page hierarchy </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l238" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l238" id="l238"> 238</a> </td> <td class="source">(effectively, it's the [=scroll container=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l239" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l239" id="l239"> 239</a> </td> <td class="source">holding the root scroller). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l240" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l240" id="l240"> 240</a> </td> <td class="source">Thus, overscrolling the root scroller shouldn't have any effect on them, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l241" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l241" id="l241"> 241</a> </td> <td class="source">just like how an abspos </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l242" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l242" id="l242"> 242</a> </td> <td class="source">that is a child of a scroller </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l243" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l243" id="l243"> 243</a> </td> <td class="source">but whose abspos containing block is <em>above</em> the scroller </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l244" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l244" id="l244"> 244</a> </td> <td class="source">isn't affected by the scroller doing anything at all, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l245" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l245" id="l245"> 245</a> </td> <td class="source">including overscroll. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5606e1b40494/css-overscroll-1/Overview.bs#l246" title="5606e1b40494: [css-overscroll-1] Per WG resolution, fixpos and viewport-stuck stickypos don't overscroll. #6299">jackalmage@28481</a> </td> <td class="lineno"> <a href="#l246" id="l246"> 246</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l218" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l247" id="l247"> 247</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l205" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l248" id="l248"> 248</a> </td> <td class="source">Physical Longhands for 'overscroll-behavior' {#overscroll-behavior-longhands-physical} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l206" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l249" id="l249"> 249</a> </td> <td class="source">--------------------------------------------------------------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l207" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l250" id="l250"> 250</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l208" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l251" id="l251"> 251</a> </td> <td class="source"><pre class=propdef> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l209" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l252" id="l252"> 252</a> </td> <td class="source">Name: overscroll-behavior-x, overscroll-behavior-y </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l210" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l253" id="l253"> 253</a> </td> <td class="source">Value: contain | none | auto </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l211" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l254" id="l254"> 254</a> </td> <td class="source">Initial: auto </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l212" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l255" id="l255"> 255</a> </td> <td class="source">Applies to: <a>scroll container</a> elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l213" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l256" id="l256"> 256</a> </td> <td class="source">Inherited: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6bb3d659ee12/css-overscroll-1/Overview.bs#l257" title="6bb3d659ee12: [css-logical-1] Add "Logical property group" propdef table field">gui@29698</a> </td> <td class="lineno"> <a href="#l257" id="l257"> 257</a> </td> <td class="source">Logical property group: overscroll-behavior </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l214" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l258" id="l258"> 258</a> </td> <td class="source">Percentages: N/A </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l215" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l259" id="l259"> 259</a> </td> <td class="source">Media: visual </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l216" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l260" id="l260"> 260</a> </td> <td class="source">Computed value: as specified </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a531163c1edf/css-overscroll-1/Overview.bs#l226" title="a531163c1edf: [css-overscroll-1] Remove redundant colon">rdvornov@24105</a> </td> <td class="lineno"> <a href="#l261" id="l261"> 261</a> </td> <td class="source">Animation type: discrete </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l218" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l262" id="l262"> 262</a> </td> <td class="source">Canonical order: <abbr title="follows order of property value definition">per grammar</abbr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l219" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l263" id="l263"> 263</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l220" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l264" id="l264"> 264</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l221" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l265" id="l265"> 265</a> </td> <td class="source">The 'overscroll-behavior-x' property specifies the <a>overscroll behavior</a> in the horizontal </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l222" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l266" id="l266"> 266</a> </td> <td class="source">axis and the 'overscroll-behavior-y' property specifies the <a>overscroll behavior</a> in the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l223" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l267" id="l267"> 267</a> </td> <td class="source">vertical axis. When scrolling is performed along both the horizontal and vertical axes at the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l224" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l268" id="l268"> 268</a> </td> <td class="source">same time, the <a>overscroll behavior</a> of each respective axis should be considered </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l225" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l269" id="l269"> 269</a> </td> <td class="source">independently. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l226" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l270" id="l270"> 270</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l227" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l271" id="l271"> 271</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l228" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l272" id="l272"> 272</a> </td> <td class="source">Flow-relative Longhands for 'overscroll-behavior' {#overscroll-behavior-longhands-logical} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l229" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l273" id="l273"> 273</a> </td> <td class="source">------------------------------------------------------------------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l230" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l274" id="l274"> 274</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l231" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l275" id="l275"> 275</a> </td> <td class="source"><pre class=propdef> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l232" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l276" id="l276"> 276</a> </td> <td class="source">Name: overscroll-behavior-inline, overscroll-behavior-block </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l233" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l277" id="l277"> 277</a> </td> <td class="source">Value: contain | none | auto </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l234" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l278" id="l278"> 278</a> </td> <td class="source">Initial: auto </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l235" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l279" id="l279"> 279</a> </td> <td class="source">Applies to: <a>scroll container</a> elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l236" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l280" id="l280"> 280</a> </td> <td class="source">Inherited: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6bb3d659ee12/css-overscroll-1/Overview.bs#l281" title="6bb3d659ee12: [css-logical-1] Add "Logical property group" propdef table field">gui@29698</a> </td> <td class="lineno"> <a href="#l281" id="l281"> 281</a> </td> <td class="source">Logical property group: overscroll-behavior </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l237" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l282" id="l282"> 282</a> </td> <td class="source">Percentages: N/A </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l238" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l283" id="l283"> 283</a> </td> <td class="source">Media: visual </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l239" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l284" id="l284"> 284</a> </td> <td class="source">Computed value: as specified </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a531163c1edf/css-overscroll-1/Overview.bs#l249" title="a531163c1edf: [css-overscroll-1] Remove redundant colon">rdvornov@24105</a> </td> <td class="lineno"> <a href="#l285" id="l285"> 285</a> </td> <td class="source">Animation type: discrete </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l241" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l286" id="l286"> 286</a> </td> <td class="source">Canonical order: <abbr title="follows order of property value definition">per grammar</abbr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l242" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l287" id="l287"> 287</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l243" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l288" id="l288"> 288</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l244" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l289" id="l289"> 289</a> </td> <td class="source">These properties correspond to the 'overscroll-behavior-x' and 'overscroll-behavior-y' properties. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l245" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l290" id="l290"> 290</a> </td> <td class="source">The mapping depends on the element's 'writing-mode'. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l246" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l291" id="l291"> 291</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l219" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l292" id="l292"> 292</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l220" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l293" id="l293"> 293</a> </td> <td class="source">Security and Privacy Considerations {#security-and-privacy} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba2cca3443b5/css-overscroll-behavior-1/Overview.bs#l249" title="ba2cca3443b5: [css-overscroll-behavior-1] Add logical longhands #2473">majidvp@23330</a> </td> <td class="lineno"> <a href="#l294" id="l294"> 294</a> </td> <td class="source">=========================================================== </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l222" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l295" id="l295"> 295</a> </td> <td class="source">There are no known security or privacy impacts of this feature. The feature may be used to prevent </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l223" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l296" id="l296"> 296</a> </td> <td class="source">certain native UI features such as overscroll affordances and overscroll navigations (e.g., pull- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l224" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l297" id="l297"> 297</a> </td> <td class="source">to-refresh, swipe navigations). However, this does not expose any additional abilities beyond what </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l225" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l298" id="l298"> 298</a> </td> <td class="source">is already possible in the platform e.g., by preventing the default action of the event that would </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2bee452b11bf/css-overscroll-behavior-1/Overview.bs#l226" title="2bee452b11bf: [css-overscroll-behavior-1] rename directory to include level">peter@21958</a> </td> <td class="lineno"> <a href="#l299" id="l299"> 299</a> </td> <td class="source">cause a scroll. </td> </tr> </table> <script type="text/javascript">process_dates()</script> <div class="page-footer"> <p>Mercurial Repository: drafts</p> <ul class="rss-logo"> <li><a href="/drafts/rss-log">RSS</a></li> <li><a href="/drafts/atom-log">Atom</a></li> </ul> </div> <div id="powered-by"> <p><a href="http://mercurial.selenic.com/" title="Mercurial"><img src="/drafts/static/hglogo.png" width=75 height=90 border=0 alt="mercurial"></a></p> </div> <div id="corner-top-left"></div> <div id="corner-top-right"></div> <div id="corner-bottom-left"></div> <div id="corner-bottom-right"></div> </div> </body> </html>